# Collection List Page

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**),  use the page selector to open **Collections list**
   {% endhint %}

### **Collections list**

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/BUDeJ5xZfAad035frjwp/Screenshot%20at%20Apr%2018%2013-56-45.png" alt=""><figcaption></figcaption></figure>

### **Setting collections list**

1. **Layout , header and description**

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/NZpKSptU1SLlGVGECFQB/Screenshot%20at%20Apr%2018%2014-06-42.png" alt=""><figcaption></figcaption></figure>

2. **Collection list setting**

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/4gfdXegiGzP5unz40iNx/Screenshot%20at%20Apr%2018%2014-08-18.png" alt=""><figcaption></figcaption></figure>

2.1. **Type**

* All Collection: Show the number of collections created
* Custom Collection: Show collection by adding block

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/cyR8ozChbbgltJEHMcXE/Screenshot%202023-12-16%20082001.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/LnrbdKQbDCRPfEjWB7XR/image.png" alt=""><figcaption></figcaption></figure>

2.&#x32;**.  Sort collections by:**

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

2.3.  **Collections design**

* Content overlay image

  <figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/vdyx1LviJLPE1Oxo1mor/Screenshot%20at%20Apr%2018%2014-26-50.png" alt=""><figcaption></figcaption></figure>
* Content beside image

  <figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/1skJN6T4LIg3fpDW1GYa/Screenshot%20at%20Apr%2018%2014-27-55.png" alt=""><figcaption></figcaption></figure>

2.4.  **Hover effect**

* Zoom
* Border inset
* Show shadow
* None

2.5. **Image ratio**&#x20;

* Original aspect ratio
* 1:1
* 3:4
* 4:3
* Custom ratio

2.6.  **Custom ratio**

2.7.  **Show count product**

* Show the number of products in the collection

3. **Content beside image setting**

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/cJYMcxqg93k0wdFQ7Frw/Screenshot%20at%20Apr%2018%2014-53-17.png" alt=""><figcaption></figcaption></figure>

* Show button
* Button label
* Show short description
* Description length limit
* Column gap

4. **Show more**

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/FCkLBiR7QzkXshltsUWk/Screenshot%20at%20Apr%2018%2014-58-09.png" alt=""><figcaption></figcaption></figure>

* Show 'show more' button?
* Maximum collections to show
* Button label