# Collections list page

![image](https://docs-assets.foxecom.app/hyper-theme/Hyper%20docs%20screenshot%20do%20not%20delete%20(82)_LpwWwXvu.jpg)

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

<Hint type="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;

</Hint>

![image](https://docs-assets.foxecom.app/hyper-theme/image_EqEXa71s.png)

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

![image](https://docs-assets.foxecom.app/hyper-theme/image_1GmHZLda.png)

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

![image](https://docs-assets.foxecom.app/hyper-theme/image_wKytcq9i.png)

### Card settings

Customize how the collection cards show to customers.

![image](https://docs-assets.foxecom.app/hyper-theme/image_r3NLxRzK.png)

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

![image](https://docs-assets.foxecom.app/hyper-theme/image_OhHTIBBL.png)

### Mobile layout

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

![image](https://docs-assets.foxecom.app/hyper-theme/image_EXAYp8Fz.png)