# Collections List Section

Add this section to display collection list on homepage or inner pages. This is most useful section for your store.

{% hint style="success" %}
**Steps:**

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Collections list** from the dropdown window.
   {% endhint %}

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FGU1wQIQuz9LJKLH2xlr8%2Fscreenshort-26.jpg?alt=media&#x26;token=583f5c7f-8809-4fee-8dd5-1cb38c81379c" alt=""><figcaption></figcaption></figure>

#### Block setting

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2F6cdMgncIF0k7sZFDgjfJ%2Fscreenshort-27.jpg?alt=media&#x26;token=d86f75f8-047d-435b-b602-bf9b93756362" alt=""><figcaption></figcaption></figure>

| Setting                  | Description                                                                                                                                                                       |
| ------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Type                     | select the type of the collection to display in the list: **All Collection** (Dynamically fetch data from the admin) **Custom Collections** (Set up with Custom Collection Block) |
| Sort by                  | Change the order of the All Collection Type with criteria.                                                                                                                        |
| Item Per Row             | Select the number of collections to show per row.                                                                                                                                 |
| Item Per Row Mobile      | Select the number of collections to show per row on Mobile.                                                                                                                       |
| Show 'Show More' Button? | Enable to show the 'Show More' button.                                                                                                                                            |
| Button                   | Fill in the text for the show more button.                                                                                                                                        |
| Button Font Size         | Determine the font size of the button.                                                                                                                                            |
| Button Width             | Specify the width the load more button from 100px to 600px.                                                                                                                       |
| Button Font Weight       | Select the font weight of the load more button.                                                                                                                                   |

**The Number Of Products**

| Setting                   | Description                                                                     |
| ------------------------- | ------------------------------------------------------------------------------- |
| Font Size                 | Determine the font size of the product count on all collection items.           |
| Font Size Mobile          | Determine the font size of the product count on all collection items on Mobile. |
| Font Weight               | Select the font weight of the number count.                                     |
| <p>Text Transform<br></p> | Select the text transform for the number count.                                 |
| Spacing Bottom            | Determine the spacing bottom of the product count.                              |
| Text Color                | Set the color for the product count.                                            |

**Collection Image**

| Setting               | Description                                                                                                                                                                                                  |
| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Image Ratio           | Select the desired ratio of the image: **Adapt to Image** (the original image width and height are adopted) **Portrait** (the image is cropped to be portrait) **Square** (the image is cropped to be square |
| Portrait Aspect Ratio | Determine the ratio between width and height of the image if the Image Ratio: Portrait is selected.                                                                                                          |
| Spacing Bottom        | Determine the spacing of the image from the bottom.                                                                                                                                                          |

**Collection Content**

| Setting                        | Description                                                           |
| ------------------------------ | --------------------------------------------------------------------- |
| Show Collection Title          | Enable to show the collection title on all collection items.          |
| Show Collection Product Count? | Enable to show the collection product amount on all collection items. |

**Title**

| Setting             | Description                                                             |
| ------------------- | ----------------------------------------------------------------------- |
| Font Size           | Determine the font size of the title on all collection items.           |
| Font Size Mobile    | Determine the font size of the title on all collection items on Mobile. |
| Font Weight         | Select the font weight of the title on the collection items.            |
| Text Transform      | Select the text transform of the title on the collection items.         |
| Spacing Bottom      | Determine the spacing bottom of the collection title.                   |
| Text Color          | Set the color for the collection title.                                 |
| Background Color    | Set the background color for the collection title.                      |
| Background Gradient | Set the background gradient for the collection title.                   |


---

# 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://templatescoder.gitbook.io/pizzon-shopify-theme-documentation/collection-and-product/collections-list-section.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.
