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

# Collection list page

The collection list page is the map of your catalogue. Instead of products, it shows your collections as a grid of images, so a visitor who does not know what they want can pick a category and start browsing. Stores usually link it from the main menu under a name such as *Shop all* or *Categories*.

It matters most for catalogues with many departments, where a shopper needs to see the range before choosing where to look.

<figure><img src="/files/I3HK246RUwJqbfEKMVOT" alt=""><figcaption></figcaption></figure>

### Where to find it <a href="#where-to-find-it" id="where-to-find-it"></a>

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

1. Go to **Online Store > Themes > Customize**.
2. Open the template selector at the top of the editor.
3. Select **Collection list**.
4. Click a section in the left sidebar to edit it, or click **Add section** to add a new one.
   {% endhint %}

*Result:* the preview loads the list of your collections and the sections that build the page appear in the left sidebar.

### What is in this section <a href="#what-is-in-this-section" id="what-is-in-this-section"></a>

| Page                                                                                                                     | What it covers                                                                                                                                | Read it when                                            |
| ------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- |
| [Page template sections](/velare/customize-your-pages/collection-list-page/page-template-sections.md)                    | Which section is built for this template, and which global sections you can add on top.                                                       | You want the map before you start editing.              |
| [Collection list page](/velare/customize-your-pages/collection-list-page/page-template-sections/collection-list-page.md) | The listing itself: which collections appear, how they are sorted, the image shape, where the text sits, and how customers page through them. | Always. It is the only section built for this template. |

### Suggested reading order <a href="#suggested-reading-order" id="suggested-reading-order"></a>

1. Start with the [Collection list page](/velare/customize-your-pages/collection-list-page/page-template-sections/collection-list-page.md) section, since it decides what the page actually shows.
2. Then look at [Page template sections](/velare/customize-your-pages/collection-list-page/page-template-sections.md) if you want a banner or a featured row above or below the list.

### Related pages <a href="#related-pages" id="related-pages"></a>

* [Collection page](/velare/customize-your-pages/collection-page.md): the page a customer opens after picking a category here
* [Product page](/velare/customize-your-pages/product-page.md): the end of that path
* [Collection list](/velare/customize-your-pages/collections/collection-list.md): the global section that shows a shorter set of collections on any other page


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://uxsmart.gitbook.io/velare/customize-your-pages/collection-list-page.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
