> 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.md).

# Collection List

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

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FJFaSQfKHQ6XbXJQK2gOD%2F142.png?alt=media&amp;token=43dba310-5708-48f7-95e5-04f63a1c2349" 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%2Fccbi4C9K0aFMujhII68d%2F143.jpg?alt=media&amp;token=f19b2795-184e-44cd-a49f-6bb8c45f9508" alt=""><figcaption></figcaption></figure>

* Select Animation
* Width of container
* Background
* Text content, Sub Title, Heading, Description
* Align Heading
* Size Image
* Border Radius
* Name Collection Size
* Carousel
  * Enable Carousel
  * Arrows
  * Draggable
  * Dots
  * Infinite
* Section Padding (Desktop on Mobile)

### Block Settings

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

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FL9yiv2fMjFKkKHwNBhGg%2F144.jpg?alt=media&amp;token=97142d50-bb83-4a15-b153-21304ab1adf4" alt=""><figcaption></figcaption></figure>

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