> For the complete documentation index, see [llms.txt](https://sitar-doc.winterinfotech.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sitar-doc.winterinfotech.com/sections/featured-product.md).

# Featured product

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

Sitar theme provides a section, namely "Featured product". In this section, you can add a product to Shopify by entering product details and uploading product images. If your product has options, like size or color, then you can add a variant for each combination of options.

You can view, add, update, and organize all of your products and their variants from the "**Products page**" in the Shopify admin.

<table><thead><tr><th width="230">Settings</th><th>Description</th></tr></thead><tbody><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</td><td>Select a product to display selected product in the section.</td></tr><tr><td>Media</td><td><p><strong>Desktop media width</strong><br>You will find customizations for adjusting the desktop media width within this section:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul><p><strong>Constrain media to screen height</strong><br>By enabling this checkbox, you can limit the height of media to the screen height.<br><br><strong>Media fit</strong></p><p>The Media fit customization setting is as follows:</p><ul><li>Original</li><li>Fill</li></ul><p><strong>Desktop layout</strong><br>Desktop layout customization setting is as follows:</p><ul><li>Stacked</li><li>2 columns</li><li>2 columns carousel</li><li>2 columns with thumbnails</li><li>Thumbnails</li><li>Thumbnail carousel</li></ul><p><strong>Thumbnail image ratio</strong><br>Thumbnail image ratio customization setting is as follows:</p><ul><li>Adapt to image</li><li>Portrait</li><li>Square</li></ul><p><strong>Desktop media position</strong></p><p>The desktop media position customization setting is as follows:</p><ul><li>Left</li><li>Right</li></ul><p><strong>Image zoom</strong></p><p>The Image zoom customization setting is as follows:</p><ul><li>Open lightbox</li><li>Click and hover</li><li>No zoom</li></ul><p><strong>Hide other variants</strong><br>By enabling this checkbox, you can hide other variants’ media after selecting a variant.</p><p><br><strong>Enable video looping</strong><br>Enabling "Play video on loop" will result in the video continuously looping. When the video finishes playing, it will automatically restart.</p></td></tr><tr><td>Mobile layout</td><td><p><strong>Mobile layout</strong><br>Mobile layout customization setting is as follows:</p><ul><li>2 columns</li><li>Show thumbnails</li><li>Hide thumbnail</li></ul></td></tr></tbody></table>

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

## 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>Custom badge</td><td><p><strong>Add custom badge</strong><br>Enter text to display as a Badge in the "Text" block.<br></p><p><strong>Background color</strong></p><p>Enter a color code for Badge background color.<br></p><p><strong>Text color</strong> </p><p>Enter a color code for Badge Text color.</p></td></tr><tr><td>Text</td><td><p><strong>Text</strong><br>Enter text to display as a Discription in the "Text" block.<br><br><strong>Text style</strong></p><p>Customization of the "Text style" in the featured product section is as follows:</p><ul><li>Body</li><li>Subtitle</li><li>Uppercase</li></ul><p><strong>Text Alignment</strong></p><p>Customization of the "Text alignment" in the featured product section is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></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>SKU</td><td><p>Show product "SKU" for your featured product section.</p><p>Customization of the "Text style" in the featured product section is as follows:</p><ul><li>Body</li><li>Subtitle</li><li>Uppercase</li></ul></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."<br><br><strong>Swatches source</strong><br>The Swatches source is given below. When a variant image is selected, the corresponding variant's image will be displayed. If a custom image is selected, the color from the swatches will be shown."</p><ul><li>Variant image</li><li>Custom image</li></ul><p><strong>Swatch type</strong><br>Following is the color swatches type customization of the section:</p><ul><li>Round</li><li>Square</li></ul></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>Description</td><td>After adding this block, you will be able to view the product description.</td></tr><tr><td>Tag</td><td><p>In the section, the icons are given to select. are for selecting:</p><ul><li>None</li><li>Bottle</li><li>Box</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>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>Chat</li></ul></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>Share button</td><td><p>Enabling the checkbox below will display the share button.</p><ul><li>Share on Facebook</li><li>Tweet on Twitter</li><li>Pin on Pinterest</li></ul></td></tr><tr><td>Custom Liquid</td><td>Add Apps.</td></tr><tr><td>Product rating</td><td>Displays the average product rating in stars with the number of reviews in parenthesis.</td></tr><tr><td>Icon with text</td><td><p><strong>Color scheme</strong></p><p>In this section, you can change the background and foreground color of a Icon with text block 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>Background image</strong><br>You can add an image behind the content by using a background image.</p><p><br><strong>Layout</strong></p><p>Icon with text layout customizations in a page are as follows:</p><ul><li>Horizontal</li><li>Vertical</li></ul><p><strong>Content :</strong> <br><strong>First icon</strong></p><ul><li>None</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></ul><p><strong>First image</strong><br>Use the first image to add to the section.<br><br><strong>First heading</strong><br>To display the heading for the icon with text block, add text here.</p></td></tr><tr><td>Personalize label</td><td><p><strong>Label</strong></p><p>Enter text to display as a Label in the "Text" block.</p></td></tr></tbody></table>

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