# 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="info" %}
**Recommendation Size**\
Product image size: 1000x1000\
Banner image size: 400x500
{% endhint %}

<table><thead><tr><th width="286">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Color scheme</td><td><p>eIn 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>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>Subheading</td><td><p><strong>Text</strong></p><p>Enter text to display as a subheading in the section.</p><p></p><p><strong>Style</strong><br>Customization of the "Subheading style" in the Featured Collection section is as follows:</p><ul><li>Normal</li><li>Outline</li><li>Solid</li></ul><p><strong>position</strong></p><p>Customization of the "Subheading position" in the Featured Collection section is as follows:</p><ul><li>Before heading</li><li>After heading</li></ul><p><strong>Heading/subheading alignment</strong></p><p>Customization of the "Heading/subheading alignment" in the Featured Collection section is as follows:</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>Show section countdown</td><td>By enabling this checkbox, you can show section countdown.</td></tr><tr><td>Show border around section countdown</td><td>By enabling this checkbox, you can show border around countdown section.</td></tr><tr><td>End date</td><td>Add date here. The end date must be set to a future date and include the following format: YYYY/MM/DD Example: 2022/10/05.</td></tr><tr><td>Section timer ending text</td><td>The entered text will be displayed as a timer expiration message. It will appear once the date has expired.</td></tr><tr><td>Collection</td><td>Select a collection to display 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 “5” products.</td></tr><tr><td>products full width</td><td>By enabling this checkbox, you can make products full width.</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" label</td><td>Use "View all button label" to add a label to the VIew all button in the section.</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>"View all" position</td><td><p>Customization of the "View all button position" in the featured collection section is as follows:</p><ul><li>Top</li><li>Bottom</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" style in the featured collection section is as follows:</p><ul><li>Top</li><li>Inline </li><li>Bottom</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>Banner position</strong></p><p>Customization of "Banner position" is as follows:</p><ul><li>Left</li><li>Right</li></ul><p><strong>Heading</strong><br>Enter text to display as a title in the section.<br></p><p><strong>Heading size</strong></p><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><p><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 section is as follows:</p><ul><li>Link</li><li>Outline button</li><li>Solid button<br></li></ul><p><strong>Content position on desktop</strong><br>Customization of "contetn position on desktop" is as follows:</p><ul><li>Top</li><li>Middle</li><li>Bottom<br></li></ul><p><strong>Content alignment</strong></p><p>Customization of "content alignment" is as follows:</p><ul><li>Left</li><li>Center</li><li>Right<br></li></ul><p><strong>Show container</strong></p><p>When 'Show container' is enabled, the banner's content container box will be visible.</p><p></p><p><strong>Container overlay opacity</strong><br>You can set a minimum of “0%” and a maximum of “100%” overlay opacity on container.  <br><br><strong>Content color scheme</strong></p><p>In this section, you can change the background and foreground color of a Content 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>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>1.5 Column</li><li>2 Columns</li></ul><p><strong>Enable swipe on mobile</strong><br>When the checkbox is enabled, the products slides on mobile devices.</p></td></tr></tbody></table>

<figure><img src="https://1041626628-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQNL2Rsjblk1UxGDo1Rj9%2Fuploads%2F7KHHbtWdcQuW2FUD3SlV%2Ffeatured-collection.png?alt=media&#x26;token=fdd03e79-1ea2-4fcd-9e18-72787cbc0c9b" alt=""><figcaption></figcaption></figure>