# Collection list

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

Piano 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 list image size: 345x460
{% endhint %}

<table><thead><tr><th width="287">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a title in the section.</td></tr><tr><td>Hide heading</td><td>By enabling this checkbox, you have the ability to hide section heading.</td></tr><tr><td>Button label</td><td><p><strong>Text</strong> <br>Use "Text" to add a label to the Button in the section.<br><br><strong>Icon</strong><br>Using this feature will display selected icon next to the button label.<br><br><strong>Button link</strong><br>Use "Button link" to add a link to the Button in the section.<br><br><strong>Button style</strong></p><p>Customization of the button style in this section is as follows:</p><ul><li>As a  link</li><li>No fill</li><li>Fill</li></ul></td></tr><tr><td>Enable "View all" button</td><td>By enabling this checkbox, you can see "View all" button, if list includes more collections than shown.</td></tr><tr><td>Image ratio</td><td><p>In the section, Image size customization is as follows:</p><ul><li>Adapt to image</li><li>Portrait</li><li>Square</li><li>Landscape</li></ul></td></tr><tr><td>Content alignment</td><td><p>Customization of "Content alignment" as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr><tr><td>Collections per row</td><td>"Collections per row" is to customize the column on the desktop screen. You can show a minimum of “3” and a maximum of “6” collections.</td></tr><tr><td>Enable rounded image</td><td>Enable this checkbox to you can show image in circle in this section.</td></tr><tr><td>Card style</td><td><p>Collection list "Card style" is as follows:</p><ul><li>Simple</li><li>Zig zag</li></ul></td></tr><tr><td>Layout</td><td><p>Collection list "Layout" is as follows:</p><ul><li>Slider</li><li>Grid</li></ul></td></tr><tr><td>Content position</td><td><p>Collection list "Content position" is as follows:</p><ul><li>Text below image</li><li>Text over image</li></ul></td></tr><tr><td>Enable collection title background</td><td>Allows you to enable a background behind the collection title.</td></tr><tr><td>Icon</td><td>Using this feature will display selected icon next to the collection title.</td></tr><tr><td>Use first product image as the collection image</td><td>By enabling this checkbox, you can show first product image as the collection image.</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></ul></td></tr><tr><td>Mobile layout</td><td><p><strong>Number of columns on mobile</strong></p><p>"Number of columns on mobile" is used for the customization of collection columns in Mobile devices.</p><ul><li>1 Column</li><li>2 Columns</li></ul></td></tr></tbody></table>

<figure><img src="/files/zunw4EViQ0Z1UYEKc5ty" 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>Select collection</td><td>Select a collection to display collection in the section.</td></tr><tr><td>Image overlay opacity</td><td>Modify this setting to increase or decrease the opacity level of the overlay on the collection image.</td></tr></tbody></table>

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


---

# 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://webibazaar.gitbook.io/piano-documentation/sections/collection-list.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.