# Collections list page

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FhLPSsWTFxXRirfsJZ6ae%2FFox-BG%20Light%20(68).jpg?alt=media&#x26;token=09ef6ec1-819e-4dd3-94fc-1ec61ffdc193" alt=""><figcaption></figcaption></figure>

The collections list page displays all your collections that are available on the Online Store sales channel.&#x20;

In the Zest theme, you can modify the collections list page by specifying which collections are included and making changes to the layout.

## How to access the Collections list page

{% hint style="success" %}
Steps:

1. From the theme editor (**Customize**), open the template selector.
2. Select the template **Collections list**.
   {% endhint %}

## How to edit the Collections list page

### 🔧 Section settings

<table><thead><tr><th width="260">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Heading</strong></td><td>Customize the section title.</td></tr><tr><td><strong>Select collections to show</strong></td><td>Choose <code>All</code> to display all collections or <code>Selected</code> to pick specific ones.<br>If you want to showcase selected collections, choose <strong>Add Collection</strong> blocks. </td></tr><tr><td><strong>Collections per row</strong></td><td>Set how many collection cards show per row (up to 5).</td></tr><tr><td><strong>Sort collections by</strong></td><td>Choose from Alphabetically, Product count, or Date.</td></tr></tbody></table>

### 🖼 Collection card settings

<table><thead><tr><th width="260">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Card style</strong></td><td>Choose <code>Standard</code>or <code>Content inside with overlay</code>.</td></tr><tr><td><strong>Desktop content alignment</strong></td><td>Align text content (Left, Center, Right).</td></tr><tr><td><strong>Text color</strong></td><td>Pick a text color for the product count.</td></tr><tr><td><strong>Image ratio</strong></td><td>Select <code>Adapt to image</code> or a fixed ratio like 1:1, 3:4, etc.</td></tr><tr><td><strong>Show product count</strong></td><td>Toggle visibility of the number of products in each collection.<br><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2F2IF2jSMYZYpiJZILuPv6%2Fimage.png?alt=media&#x26;token=19644736-8b34-4624-a17c-6603dec5ccc4" alt=""></td></tr></tbody></table>

{% tabs %}
{% tab title="Card style - Standard" %}

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2F3ZUAZmMINzgKrrd6OPa2%2Fimage.png?alt=media&#x26;token=70b65cac-f0c0-43d5-bfce-e3d87b90a96d" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Card style - Content inside with overlay" %}

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FeXpkcW5dXELD5Yb9XHtL%2Fimage.png?alt=media&#x26;token=f2073b3f-e760-4117-b1ac-afe279cbaec1" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}
