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

# Featured Product

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

{% hint style="info" %}
**Recommendation Size**\
Product image size: 1050x1300&#x20;
{% endhint %}

<table><thead><tr><th width="190">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Enable sticky content on desktop</td><td>Enable the "sticky content" to show the product content the desktop screen.</td></tr><tr><td>Product</td><td>Select a product to display product in the section.</td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background color of the Heading using the color scheme:</p><ul><li>Accent 1</li><li>Accent 2</li><li>Accent 3</li><li>Background 1</li><li>Background 2</li></ul></td></tr><tr><td>Show secondary background</td><td>Enable the "Show secondary background" to show the product the desktop screen.</td></tr><tr><td>Desktop layout</td><td><p>Customization of the "Desktop layout" in the Featured product section is as follows:</p><ul><li>Stacked</li><li>Thumbnails</li><li>Thumbnail carousel</li></ul></td></tr><tr><td>Hide other variants’ media after selecting a variant</td><td>Enable the "Hide other variants" media after selecting a variant.</td></tr><tr><td>Enable video looping</td><td>Enable the "Enable video looping" to show the add video product the desktop screen.</td></tr><tr><td>Mobile layout</td><td><p>Customization of the "Mobile layout" in the Featured product section is as follows:</p><ul><li>Show Thumbnails</li><li>Hide Thumbnails </li></ul></td></tr></tbody></table>

## Add block

Following are the blocks you can add to your “featured product”.

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Text</td><td>If you include a link in social media posts, the page’s featured image will be shown as the preview image.</td></tr><tr><td>Title</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>Stock bar</td><td><p>"Stock countdown" is for customizing the product stock.<br></p><p><strong>Maximum stock</strong><br>Adjust maximum the stock for the stock countdown. Maximum product stock can be given up to "200".<br></p><p><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>Price</td><td>This block has no customizable settings. After adding this block, you will be able to view the product price.</td></tr><tr><td>Quantity selector</td><td>Show "Quantity selector" for your featured product section.</td></tr><tr><td>Variant picker</td><td><p>"Variant picker" is to customize the product variant.<br></p><p><strong>Type</strong><br>The variant type is given below. If type "Dropdown" then the variant would be dropdown. and if the type is "Pills" then the variant would be pills.</p><ul><li>Dropdown</li><li>Pills</li></ul><p><strong>Enable color swatches</strong><br>By enabling this checkbox you can show the "Variant color."</p></td></tr><tr><td>Buy buttons</td><td><p><strong>Enable the Show dynamic checkout buttons</strong> box to display any dynamic checkout options enabled by you in your payments settings.<br></p><p><strong>Enable the Show recipient information form for gift card products</strong> box to display gift recipient form</p></td></tr><tr><td>Share</td><td>Clickable text that allows customers to share the product on social media.<br><br><strong>Text</strong><br>Input the text to be displayed in this section</td></tr><tr><td>Custom Liquid</td><td>Enter Custom liquid code to display in the section. </td></tr><tr><td>Product rating</td><td>To display a rating, add a product rating app</td></tr></tbody></table>