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

# Collections List Page

By default, collection list page have a **Collections list page** section.

## Section settings

<table><thead><tr><th width="251">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Show breadcrumb</td><td>Show a breadcrumb navigation on top of section.</td></tr><tr><td>Number of collection per page</td><td>Determine the maximum of collections can be shown per page. Can be from 8 to 20, increasing arithmetically of 4.</td></tr><tr><td>Sort collections by</td><td><p>Lets customer sort the products in the collection based on the following:</p><ul><li><strong>Alphabetically, A-Z</strong>: Display the collections in alphabetical order.</li><li><strong>Alphabetically, Z-A</strong>: Display the collections in reverse alphabetical order.</li><li><strong>Date, old to new</strong>: Display the collections from the oldest to the newest, based on when each collection was added to your store.</li><li><strong>Date, new to old</strong>: Display the collections from the newest to the oldest, based on when each collection was added to your store.</li><li><strong>Product count, high to low</strong>: Display the collections from the highest to lowest, based on when products was added to each collection.</li><li><strong>Product count, low to high</strong>: Display the collections from the lowest to highest, based on when products was added to each collection.</li></ul></td></tr><tr><td>Number of columns on desktop</td><td>Determine the number of columns can be shown per row on desktop. Can be from 1 to 5, increasing arithmetically of 1.</td></tr><tr><td>Number of columns on mobile</td><td>Determine the number of columns can be shown per row on mobile. Can be from 1 to 5, increasing arithmetically of 1.</td></tr></tbody></table>

## Collection card settings

<table><thead><tr><th width="293">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Image ratio</td><td><p>The image ratio for the collection images:</p><ul><li><strong>Adapt to image</strong>: use the aspect ratio of the collection image.</li><li><strong>Square</strong>: Crop the images to use a 1:1 ratio.</li><li><strong>Portrait</strong>: Crop the images to use a 2:3 ratio.</li></ul></td></tr><tr><td>Image border thickness</td><td>Set the width of an image's four borders. Can be from 0px to 10px, increasing arithmetically of 1 pixel. </td></tr><tr><td>Image border opacity</td><td>Set the opacity level for an image's four borders. Can be from 0% to 100%, increasing arithmetically of 5%. </td></tr><tr><td>Image corner radius</td><td>Set the radius of the image's corners. Can be from 0px to 40px, increasing arithmetically of 1 pixel. </td></tr><tr><td>Content alignment</td><td><p>Determine the content alignment:</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul></td></tr></tbody></table>

## Pagination settings

<table><thead><tr><th width="293">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Pagination alignment</td><td><p>Determine the pagination alignment:</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul></td></tr></tbody></table>

## Section padding settings

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