> For the complete documentation index, see [llms.txt](https://templatescoder.gitbook.io/pizzon-shopify-theme-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://templatescoder.gitbook.io/pizzon-shopify-theme-documentation/collection-and-product/collections-list-section.md).

# 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&amp;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&amp;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.                   |