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

# Collection list

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

Flute theme provides a section, namely "Collection list" in this section, you can show the collection as a slideshow. You can display a maximum of fifteen collections in this section.

{% hint style="info" %}
**Recommendation Size**\
Collection image size: 118x78
{% endhint %}

<table><thead><tr><th width="287">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Layout</td><td><p>Customization of the "Layout" in the Collection list section is as follows:</p><ul><li>Wide</li><li>Grid</li><li>Wide from right</li></ul></td></tr><tr><td>Heading</td><td>Enter text to display as a main heading of the section.</td></tr><tr><td>Description</td><td>Enter text to display as a description in the section.</td></tr><tr><td>Cards</td><td><p><strong>Card view</strong> </p><p>Choose how cards are displayed:<br>• Row <br>• Column</p></td></tr><tr><td>Enable text over image</td><td>Enable this option to display collection information directly over the collection image.</td></tr><tr><td>Enable arrow beside the title</td><td><p>Enable this option to display a directional arrow icon beside the collection title. </p><p></p><p>Note: '<strong>Enable arrow beside the title</strong>' settings only visible when '<strong>Enable text over image</strong>' is set to '<strong>Enabled</strong>'.</p></td></tr><tr><td>Enable product counter</td><td>Enable this option to display the total number of products available within each collection.</td></tr><tr><td>Column display limit</td><td>"Column display limit" is to customize the number of column on the desktop screen.</td></tr><tr><td>Display type</td><td><p>Customization of the "Display type" in the collection list is as follows:</p><ul><li>Grid</li><li>Carousel</li></ul></td></tr><tr><td>Show slider controller</td><td>Enable this to display <strong>previous/next arrows</strong> when using Carousel mode.</td></tr><tr><td>Auto rotation</td><td>Enable this to automatically slide through the collections in Carousel mode.</td></tr><tr><td>Rotation speed</td><td>Adjust how quickly the carousel rotates automatically.</td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li><li>Scheme 6</li></ul></td></tr><tr><td>View all button</td><td><p>By enabling this checkbox, you can see "View all" button, if list includes more collections than shown. </p><p></p><p><strong>Label</strong> </p><p>Enter a text to display as a "View all" button label.</p></td></tr></tbody></table>

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

## Add Collection&#x20;

To add collection to the collection list section, click on the 'Add Collection'. There are many options available similar to the collection list, as you can see in the below points and screenshot:

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Collection</td><td>Select a collection to display collection in the section.</td></tr><tr><td>Button label</td><td>Enter text to display as a button label in the collection block.</td></tr></tbody></table>

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