# 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.

<table><thead><tr><th width="286">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Collection</td><td>Select a collection to display products in the section.</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 section:</p><ul><li>Left</li><li>Center</li></ul></td></tr><tr><td>Heading color</td><td><p>In this section, you can change the background and foreground color of a heading 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>Display spacing around heading</td><td>By enabling this checkbox, you can see spacing around heading.</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>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>Number of rows</td><td>"Number of rows" is to customize the rows on the desktop and mobile screen. You can show a minimum of “1” and a maximum of “3” rows.</td></tr><tr><td>Make section 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" 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 button position</td><td><p>Following is the button position customization of the section:</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></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>Product card</td><td><p><strong>Style</strong><br>Customization of the "Style" in the featured collection section is as follows:</p><ul><li>Standard</li><li>Card</li></ul><p><strong>Image ratio</strong></p><p>Product image customizations in a section are as follows:</p><ul><li>Adapt to image</li><li>Portrait</li><li>Square</li></ul><p><strong>Show second image on hover</strong><br>By enabling this checkbox you can “Show the second image on hover”.<br></p><p><strong>Show quantity</strong><br>By enabling this checkbox you can display the “Product quantity field”.<br><br>If you want to add custom default quantity number then add data into "<strong>Custom quantity numbers</strong>" product metafield.</p><p><br><strong>Show vendor</strong><br>By enabling this checkbox you can display the “Product vendor”.<br><br><strong>Show product rating</strong><br>Enable this checkbox to display "Product rating".<br><br><strong>Enable quick look button</strong><br>Check this box to display the "Quick loook button" in this section.</p><p></p><p><strong>Quick look button style</strong></p><p>Customization of the "Quick look button" style in the featured collection section is as follows:</p><ul><li>Link</li><li>Outline button</li><li>Solid button</li></ul><p><strong>Show countdown</strong><br>By enabling this checkbox you can display the “countdown timer”.<br><br><strong>Display only color</strong><br>By enabling this checkbox you can display only color variants.<br><br><strong>Enable add to cart button</strong><br>By enabling this checkbox, you can see add to cart button.</p></td></tr><tr><td>Variants</td><td><p><strong>Show variants</strong><br>By enabling this checkbox you can display the “Product variants”.<br><br><strong>Type</strong></p><p>If the type is "Dropdown," then the variant would be dropdown. And if the type is "Pills," then the variant would be Pills. The variant types are as follows:</p><p>Type:</p><ul><li>Dropdown</li><li>Pills</li></ul><p><strong>Enable color swatches</strong><br>By enabling this checkbox will show the "Variant color."</p></td></tr><tr><td>Stock bar</td><td><p><strong>Show stock bar</strong><br>Check this box to display the "Stock bar" in this section.<br><br><strong>Show stock inventory only</strong><br>By enabling this checkbox, you can see only the stock inventory.<br><br><strong>Maximum stock</strong><br>Adjust maximum the stock for the stock countdown. Maximum product stock can be given up to "200".<br><br><strong>Limit stock cut off</strong><br>Adjust the limited stock cut-off for the stock countdown.<br></p><p><strong>Limit stock message</strong><br>Display limit stock message.<br></p><p><strong>In stock message</strong><br>Display the "In stock" message.<br></p><p><strong>Continue selling message</strong><br>Display the "Continue selling" message.<br><br><strong>Colors</strong><br>Customize the colors of  Limited stock, In stock and Continue selling text.</p></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>Content position</strong></p><p>Customization of "Content position" is as follows:</p><ul><li>Top</li><li>Middle</li><li>Bottom</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</li></ul><p><strong>Show container</strong><br>When 'Show container' is enabled, the banner's 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 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><p><strong>Show banner countdown</strong><br>Enabling the checkbox will appear banner countdown.</p><p></p><p><strong>End date</strong></p><p>The end date must be set to a future date and include the following format: YYYY/MM/DD Example: 2024/10/05.<br></p><p><strong>Text</strong><br>Enter text to display as a small title in the section.<br><br><strong>Outline text</strong><br>Enabling the checkbox will cause an outline to appear around the text.<br></p><p><strong>Heading</strong><br>Enter text to display as a title in the section.<br><br><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><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</li></ul></td></tr><tr><td>Section countdown</td><td><p><strong>Countdown color</strong></p><p>In this section, you can change the background and foreground color of a countdown 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>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="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FDgEhfasSnmzRJkspKpKS%2Ffeatured-collection.png?alt=media&#x26;token=1df4d565-48cb-4253-bf92-c41973a99e63" alt=""><figcaption></figcaption></figure>

## Add block

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

<table><thead><tr><th width="273">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td><p><strong>Menu icons</strong></p><p>In the section, the icons are given to select. are for selecting:</p><ul><li>None</li><li>Flash sale</li><li>Apple</li><li>Banana</li><li>Bottle</li><li>Box</li><li>Carrot</li><li>Chat bubble</li><li>Check mark</li><li>Clipboard</li><li>Dairy</li><li>Dairy free</li><li>Dryer</li><li>Eye</li><li>Fire</li><li>Gluten free</li><li>Heart</li><li>Iron</li><li>Leaf</li><li>Leather</li><li>Lightning bolt</li><li>Lipstick</li><li>Lock</li><li>Map pin</li><li>Nut free</li><li>Pants</li><li>Paw print</li><li>Pepper</li><li>Perfume</li><li>Plane</li><li>Plant</li><li>Price tag</li><li>Question mark</li><li>Recycle</li><li>Return</li><li>Ruler</li><li>Serving dish</li><li>Shirt</li><li>Shoe</li><li>Silhouette</li><li>Snowflake</li><li>Star</li><li>Stopwatch</li><li>Truck</li><li>Washing</li><li>Hot deal</li></ul><p><strong>Heading</strong><br>Enter text to display as a title on the section.<br><br><strong>Heading size</strong></p><p>Following is the font size customization of the heading in the section:</p><ul><li>Small</li><li>Medium</li><li>Large</li><li>Extra large</li></ul><p><strong>Sub heading</strong><br>Enter text to display as a Sub headingon the section.</p></td></tr><tr><td>Date</td><td><strong>End date</strong><br>The end date must be set to a future date and include the following format: YYYY/MM/DD Example: 2024/10/05.</td></tr><tr><td>Button</td><td><p>Click on the "Add block" and select the Button.<br></p><p><strong>Menu icons</strong></p><p>In the section, the icons are given to select. are for selecting:</p><ul><li>None</li><li>Flash sale</li><li>Apple</li><li>Banana</li><li>Bottle</li><li>Box</li><li>Carrot</li><li>Chat bubble</li><li>Check mark</li><li>Clipboard</li><li>Dairy</li><li>Dairy free</li><li>Dryer</li><li>Eye</li><li>Fire</li><li>Gluten free</li><li>Heart</li><li>Iron</li><li>Leaf</li><li>Leather</li><li>Lightning bolt</li><li>Lipstick</li><li>Lock</li><li>Map pin</li><li>Nut free</li><li>Pants</li><li>Paw print</li><li>Pepper</li><li>Perfume</li><li>Plane</li><li>Plant</li><li>Price tag</li><li>Question mark</li><li>Recycle</li><li>Return</li><li>Ruler</li><li>Serving dish</li><li>Shirt</li><li>Shoe</li><li>Silhouette</li><li>Snowflake</li><li>Star</li><li>Stopwatch</li><li>Truck</li><li>Washing</li><li>Hot deal</li><li>Outline flash sale</li></ul><p><strong>Button label</strong><br>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.<br><br><strong>Button style</strong></p><p>Customization of the "Button style" in the Image with text section is as follows:</p><ul><li>Link</li><li>Outline button</li><li>Solid button</li></ul></td></tr></tbody></table>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FgeRcIdsp0VKEvIFl9cMt%2Ffeatured-collection-block.png?alt=media&#x26;token=1aea905e-16f5-423a-a08a-e1d949247a24" alt=""><figcaption></figcaption></figure>
