# 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="/files/GFmypTgt3B56uJrPqFSv" alt=""><figcaption></figcaption></figure>

### **Setting collections list**

1. **Layout , header and description**

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

2. **Collection list setting**

<figure><img src="/files/UJb3Aus8opz06jLnnEMa" 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="/files/YnerZQAzPcvkHaPm42km" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/U9x3bWMKVXE7JvWVxQ8L" 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="/files/AEcBzqPncgE3p99U6rDg" alt=""><figcaption></figcaption></figure>
* Content beside image

  <figure><img src="/files/Q7lF9J6MZyrgdQQxWWnx" 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="/files/YgR1eVutZNwRAVPdiGKY" alt=""><figcaption></figcaption></figure>

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

4. **Show more**

<figure><img src="/files/3jpKFMt3bgz5Wr9EV1uK" alt=""><figcaption></figcaption></figure>

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


---

# 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://blueskytechcos-organization.gitbook.io/umino-shopify/collection-page/collection-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.