# Collection list Grid

In the theme editor **(Customize) => Section**, Add **Collection list Grid**

<figure><img src="https://2361551639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvpHXxVsLGG7Sr7k8tL4%2Fuploads%2FDLABmQqCnzYitln4J0EX%2Fcoll_3.png?alt=media&#x26;token=2addc624-9134-4d1e-b6a2-2f3dcfeae36f" alt=""><figcaption></figcaption></figure>

### General Settings

<figure><img src="https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/LqjE3C5ZlJ59BcuCM5MP/image.png" alt=""><figcaption></figcaption></figure>

* Select Animation
* Width of Container
* Background Section
* Collections per row
* Section Padding (Desktop on Mobile)

### Block Settings

{% hint style="success" %}
In **Collection list Grid** Section **>** Add **Collection**
{% endhint %}

<figure><img src="https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/jqMOOIhHa6snAqFKZc6E/coll-list-grid-2.png" alt=""><figcaption></figcaption></figure>

* Select Collection
* Image (You can customize the image for each collection)
* Background Collection ( Hover)