> For the complete documentation index, see [llms.txt](https://qodex.gitbook.io/shopify-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://qodex.gitbook.io/shopify-docs/theme-sections/collection-list-grid.md).

# Collection List Grid

{% hint style="success" %}
In the theme editor **(Customize) => Section**, Add **Collection list Grid**
{% endhint %}

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2F9cOb3TMLqQz12nSCwLFs%2F150.jpg?alt=media&amp;token=387604c1-bb03-4034-b5cf-18bfcc7b74dc" alt=""><figcaption></figcaption></figure>

### General Settings

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FIg823Z1FcfedeAOXwxe4%2F151.jpg?alt=media&amp;token=95f8d44d-bafa-477e-bd25-5fdd64f60ba7" alt=""><figcaption></figcaption></figure>

* 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://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2F4qTECFNn6amzc0wH6qKc%2F152.jpg?alt=media&amp;token=cb40e128-5700-40eb-9ea4-97e66e913d3e" alt=""><figcaption></figcaption></figure>

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