# Collections list page

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FMfueRY69XZOHpgtB7ONR%2Fimage.png?alt=media&#x26;token=0346febd-667a-4986-b0d4-cc98243136e1" 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 %}

### 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="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FIKDzy9xglQCzNEI0dYPR%2Fimage.png?alt=media&#x26;token=b07f2aaa-5401-4371-8d4c-b09943236c26" alt=""><figcaption></figcaption></figure>

### Section header

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

* Leave them blank if you do not want to display them

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

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2F1tm58XGaiVOcXZmQ0IYl%2Fimage.png?alt=media&#x26;token=8831b8f9-aaba-4ce5-96b0-b9a9f0f8552f" 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** options.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FgG1ksrqrAT5Z7MoZD5x8%2Fimage.png?alt=media&#x26;token=02e9372f-fa07-4814-997a-1365653f5cbe" alt=""><figcaption></figcaption></figure>

### Mobile Layout

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

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2Fa1NGbK5E0aIMPUqVe73X%2Fimage.png?alt=media&#x26;token=282cd62d-2082-469b-b49d-aba9e8d60dfc" alt=""><figcaption></figcaption></figure>
