# Featured product

<table><thead><tr><th width="213"></th><th></th></tr></thead><tbody><tr><td>Section spacing</td><td><p><strong>Top spacing (desktop)</strong></p><p>Adjust the range bar to add spacing at the top of the section for desktop view.</p><p></p><p><strong>Bottom spacing (desktop)</strong></p><p>Adjust the range bar to add spacing at the bottom of the section for desktop view.</p><p></p><p><strong>Top spacing (mobile)</strong></p><p>Adjust the range bar to add spacing at the top of the section for mobile view.</p><p></p><p><strong>Bottom spacing (mobile)</strong> </p><p>Adjust the range bar to add spacing at the bottom of the section for mobile view.</p></td></tr><tr><td>Section visibility</td><td><p>Select from the options to select the visibility of this section:</p><p>-Always </p><p>-Small devices only(On selecting this, the section will be visible on mobile devices only.) </p><p>-Large devices only</p></td></tr><tr><td>Product</td><td>Choose any product to display.</td></tr><tr><td>Media ratio</td><td>Choose the image ratio from the following options: <br>-Auto <br>-Landscape <br>-Portrait <br>-Square</td></tr><tr><td>Thumbnails position</td><td>Choose the thumbnails position from the following options:<br>- Left<br>- Bottom</td></tr><tr><td>Heading</td><td><p><strong>Text</strong> </p><p>Type any text to display as a title. </p><p></p><p><strong>Size</strong> </p><p>Choose the heading size in between H1 to H6. </p><p></p><p><strong>Alignment</strong> </p><p>Choose the heading alignment from left or center.</p></td></tr><tr><td>Marquee</td><td><p><strong>Enable marquee</strong> </p><p>Tick this checkbox to enable the marquee text. </p><p></p><p><strong>Direction</strong> </p><p>Select the direction:</p><p>-Left to Right </p><p>-Right to left. </p><p></p><p><strong>Desktop scrolling speed</strong> </p><p>Adjust the range bar to select the rotation speed on the desktop. </p><p></p><p><strong>Mobile scrolling speed</strong> </p><p>Adjust the range bar to select the rotation speed on the mobile. </p></td></tr><tr><td>Colors</td><td><p><strong>Color scheme</strong><br>Select the color scheme.</p><p><em>Note: These can be managed from Theme settings> Color schemes.</em></p></td></tr></tbody></table>

## **Block settings:**

<table><thead><tr><th width="262"></th><th></th></tr></thead><tbody><tr><td>Text</td><td>This block is used to add the text about the product.</td></tr><tr><td>Title</td><td>It displays the product’s title. It has no customizable block settings available.</td></tr><tr><td>SKU</td><td><p>It displays the product <strong>SKU</strong>. There are no customizable block settings available.</p><p><em>Refer to</em> <a href="https://help.shopify.com/en/manual/products/details"><em>Product details.</em></a></p></td></tr><tr><td>Price</td><td>It displays the product’s price like <strong>Sale</strong> and <strong>Compare</strong> price. <br><br><strong>Hide shipping content</strong> <br>Tick this checkbox to hide the shipping content.</td></tr><tr><td>Variant picker</td><td>This block is to display the variant options. <br><br><strong>Option style</strong><br>Choose style from following options:<br>- Dropdown<br>- Swatch<br><br>Please refer to <strong>Theme settings > Product</strong> for the different variants styles (<strong>Dropdown</strong> and <strong>Color swatches</strong>).</td></tr><tr><td>Quantity picker</td><td>This block is to display a quantity selector, for selecting the number of products to purchase. It has no customizable block settings available.</td></tr><tr><td>Pickup &#x26; availability</td><td>It displays the product’s pickup and avaibility in locations.</td></tr><tr><td>Buy buttons</td><td>It shows the “<strong>Add to cart</strong>” and “<strong>Buy now</strong>” buttons. <br><br><strong>Show dynamic checkout button</strong> <br>Tick the checkbox "<strong>Show dynamic checkout button</strong>" to display a button with the user's preferred payment method, in addition to the "<strong>Add to cart</strong>" button.</td></tr><tr><td>Custom liquid</td><td><p>This is used to add custom liquid code for any advanced customizations such as app snippets.<br></p><p>For more understanding, refer to-<a href="https://shopify.dev/docs/themes/liquid/reference">Shopify developers: Liquid reference</a>.</p></td></tr></tbody></table>

