# Featured product

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

Cello 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>Enable sticky content on desktop</td><td>You can make the content sticky on a desktop device by checking this checkbox.</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></p><p>Following is the heading size customization of the of the featured product 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 of the featured product section:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr><tr><td>Background image</td><td>Show background image in featured product section.</td></tr><tr><td>Enable small container</td><td>By enabling this checkbox, you can set small container in featured product section.</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>Enable border around product image</strong><br>By enabling this checkbox, you can show border around the product image.<br></p><p><strong>Product image in two column</strong></p><p>By enabling this checkbox, you can set product image in two column. </p><p></p><p><strong>Disable section background</strong></p><p>By enabling this checkbox, you can disable section background in featured product section.</p><p></p><p><strong>Hide thumbnails</strong></p><p>By enabling this checkbox, you can hide thumbnail image in featured product section.</p><p></p><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.<br><br><strong>Enable share icon</strong><br>By enabling this checkbox, you can show share icon.</p></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>Show secondary background</td><td>By enabling this checkbox, you can show secondary background.<br><br><strong>Secondary background color</strong><br>Modifying this color of the section will result in a corresponding color change for the background</td></tr></tbody></table>



<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2FJmBPA0Hpkum1xnoVtfg6%2Ffeatured-product.png?alt=media&#x26;token=38898717-95dd-4b2e-98ad-059192cf31f9" 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>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></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 countdown</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>Social</td><td>Show "Social detail" 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>Description</td><td><p>After adding this block, you will be able to view the product description.<br></p><p>Show product "Description" 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>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>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></tbody></table>



<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2FsMJuO15lCA1ogJMXZs7L%2Ffeatured-product-block.png?alt=media&#x26;token=3b5afa74-96f3-4173-8b49-5901883a4d23" alt=""><figcaption></figcaption></figure>
