# Collection list page

The **Collection list section** in the **Collection list page** provides a central location to display and organize collections in a visually appealing and structured format. It allows store owners to showcase **all collections** or a curated selection, depending on their preferences.

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

### **Section settings:**

**1. Select collections to show:**

* **All:** Displays all collections in the store.
* **Selected:** Displays specific collections chosen by the store owner.

**2. Selected collections:** Allows you to pick specific collections to display in the section. *Applies only when “Selected” is chosen in “Select collections to show.”*

**3. Image ratio:** Adjusts the height of collection images.

* **Portrait:** Creates a vertical rectangle for images.
* **Square:** Ensures all images are displayed in a square format for uniformity.

**4. Number of columns on desktop:** Determines how many collections are displayed per row on desktop screens: from 2 to 4 collections.

**5. Pagination style:**

* **Number:** Displays numbered pagination to navigate through multiple pages of collections.
* **Click to load:** Adds a "LOAD MORE" button below the current collections, allowing users to load additional collections dynamically.

**6. Text settings:** allow you to add and customize a header for the section.

* **Heading:** Add a header to the section, such as "Our Collections" or "Shop Categories."
* **Heading size:** Adjust the font size of the heading: **Small, Medium, Large, Extra large, Extra extra large.**
* **Description:** Add supplementary information below the heading to provide context or additional details about the collections displayed.
* **Desktop content alignment:** Aligns the heading and description text horizontally.

**7. Mobile layout:**

* **Number of columns on mobile:** Adjust the number of collections displayed per row on mobile devices.
  * **1 column:** Displays one collection per row for a compact design.
  * **2 columns:** Displays two collections per row for a grid-like format.


---

# 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://help.byinspiredlabs.com/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.