# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/zest-theme/collections-and-products/collections-list-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.