# Collections list page

This page allows customers to browse through different categories or curated selections of products, making it easier for them to find items that meet their interests or needs. It’s a great way to showcase the range of products available and to help customers navigate through your store’s offerings.

## How to set up sections for Collection list page?

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 **Collection list** from the dropdown window.
4. From the side menu, select **Collection list page**. Configure the collection list page in the setting on the side with the following settings.

<table><thead><tr><th width="237">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>The title of the section.</td></tr><tr><td>Selected collections</td><td><p>Choose the collections that you want to show.</p><p><em>If this settings is blank, all collections will be displayed.</em></p></td></tr><tr><td>Image ratio</td><td><p>The image ratio for the collection images:</p><ul><li><strong>Adapt to image (default)</strong> - Uses the aspect ratio of the images. This prevents the images from being cropped.</li><li><strong>Square</strong> - Crops the images to use a 1:1 ratio.</li><li><strong>Portrait</strong> - Crops the images to use a 2:3 ratio.</li></ul></td></tr></tbody></table>

#### Pagination

<table><thead><tr><th width="240">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Pagination</td><td><p>Type of the pagination:</p><ul><li><strong>Pagination</strong> - Divide collection into separate pages.</li><li><strong>Button</strong> - Show the <strong>Load More</strong> button.</li></ul></td></tr><tr><td>Pagination by</td><td>Determines the number of collections per page.</td></tr></tbody></table>



**Section padding**

<table><thead><tr><th width="244">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determines the height of the top inner space of the main section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).</td></tr><tr><td>Bottom padding</td><td>Determines the height of the bottom inner space of the main section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).</td></tr></tbody></table>

