# Collections list page

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

You can edit the collections list page by specifying which collections are included and making changes to the layout.

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

1. From the theme editor (**Customize**), select the template selector.
2. In the dropdown menu, select **Collections list** template.
3. Make necessary changes.
4. **Save** the settings.&#x20;
   {% endhint %}

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

## How to edit the Collection list page section

### General

You can adjust the order of your collections by selecting options from the **Sort collections by:** field.

* Alphabetically, A-Z
* Alphabetically, Z-A
* Date, new to old
* Date, old to new
* Product count, high to low
* Product count, low to high

<figure><img src="/files/1GmHZLdahTLMg1Gk6yxJ" alt=""><figcaption></figcaption></figure>

### Section header

Use the provided text field to add a suitable **Heading**.

You can also change the **Heading size** and the **Text alignment** to Left/ Center to make the content look balanced on your website.

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

### Card settings

Customize how the collection cards show to customers.

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

### Grid settings

Use the slider to adjust the **Number of columns on desktop** (between 2 and 6).

You can also control the suitable spacing between the product cards by selecting **Column gap** and **Row gap** options.

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

### Mobile layout

You can adjust the **Number of columns on mobile** to **1 column** or **2 columns.**

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

***

<figure><img src="/files/6RW1JWuKNf9ovVFLkLXc" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_hyper&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>


---

# 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/hyper-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.