> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/cello-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/cello-documentation/sections/featured-collection.md).

# Featured collection

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

Ideal for sales displays a collection of products such as new arrivals or adding products to any area of your store.

{% hint style="warning" %}
**Recommendation Size**\
Banner image size: 400x456\
Product image size: 1500x1500
{% endhint %}

<table><thead><tr><th width="286">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Make section full width on right side</td><td><p>By enabling this checkbox, you make section full width on right side.</p><p><br>This feature will only work when 'Enable carousel on desktop' is enable.</p></td></tr><tr><td>Subheading</td><td>Enter text to display as a subheading in the section.</td></tr><tr><td>Subheading style</td><td><p>Following is the Subheading style customization of the heading of the section:</p><ul><li>Solid</li><li>Outline</li><li>Link</li></ul></td></tr><tr><td>Heading</td><td>Enter text to display as a title in the section.</td></tr><tr><td>Heading size</td><td><p>Following is the font size customization of the heading of the section:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Heading alignment</td><td><p>Following is the heading alignment customization of the heading of the section:</p><ul><li>Left</li><li>Center</li></ul></td></tr><tr><td>Description</td><td>Enter text to display as a description in the section.</td></tr><tr><td>Show collection description</td><td>By enabling this checkbox, you can show collection description from the admin.</td></tr><tr><td>Description style</td><td><p>Customization of the "Description style" in the Featured collection section is as follows:</p><ul><li>Body</li><li>Subtitle</li><li>Uppercase</li></ul></td></tr><tr><td>Collection</td><td>Select a collection to display products in the section.</td></tr><tr><td>Products</td><td>Select a multiple products to display selected products in the section.</td></tr><tr><td>Maximum products to show</td><td>"Maximum products to show" is to specify how many products to show in a section. You can show a minimum of “2” and a maximum of “8” products.</td></tr><tr><td>Number of columns on desktop</td><td>"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “2” and a maximum of “4” products.</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>"View all" style</td><td><p>Customization of the "View all" style in the Featured collection section is as follows:</p><ul><li>Link</li><li>Outline button</li><li>Solid button</li></ul></td></tr><tr><td>Enable carousel on desktop</td><td>Use "Enable carousel on desktop" to show the slider carousel on the desktop screen.</td></tr><tr><td>Slider arrow position</td><td><p>Customization of the "Slider arrow position" in the Featured collection section is as follows:</p><ul><li>Top</li><li>Inline</li><li>Bottom</li></ul></td></tr><tr><td>Slider arrow style</td><td><p>Customization of the "Slider arrow style" in the Featured collection section is as follows:</p><ul><li>Button</li><li>Icon</li></ul></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></ul></td></tr><tr><td>Banner</td><td><p><strong>Image</strong><br>Use "Image" to add the image to the section.<br><br><strong>Content position</strong></p><p>To change the position of the content, utilize the "Content position" setting. Customization of the "Content position" in the featured collection  section is as follows:</p><ul><li>Top </li><li>Middle </li><li>Bottom </li></ul><p><strong>Content alignment</strong></p><p>Customization of the "Content alignment" in the featured collection  section is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul><p><strong>Show container</strong><br>When "Show container" is enabled, the content container box will be visible.<br><br><strong>Color scheme</strong></p><p>In this section, you can change the background and foreground color of the banner 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></ul><p><strong>Heading</strong><br>Enter text to display as a title in the section.<br><br><strong>Subheading</strong><br>Enter the text you would like to display as a subtitle above the title.<br><br><strong>Button label</strong></p><p>Use "Button label" to add a label to the Button in the section.<br><br><strong>Button link</strong><br> Use "Button link" to add a link to the Button in the section.</p><p></p><p>By using the "Open this link in a new window" option, the link will open in a new tab.<br><br><strong>Button style</strong></p><p>Customization of the "Button style" in the featured collection is as follows:</p><ul><li>Link</li><li>Outline button</li><li>Solid button</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 product columns in Mobile devices.</p><ul><li>1 Column</li><li>2 Columns</li></ul><p><strong>Enable swipe on mobile</strong><br>The product slides when the checkbox is activated and the product does not slide when the checkbox is not active.</p></td></tr></tbody></table>

<figure><img src="/files/4W3lKNsVqD4wf4UYKDEx" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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/cello-documentation/sections/featured-collection.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.