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

# Featured product

The **Featured product** section displays an entire product form on your page so customers can buy your products on the spot.

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

{% hint style="warning" %}
**Editing templates will change all pages that use the same template**. [Create new templates](/cornerstone/general/editing-themes/using-templates.md#create-and-assign-multiple-templates) for different page layouts, or [show dynamic page content](/cornerstone/general/adapting-your-theme/dynamic-content-with-metafields.md) in the same template.
{% endhint %}

## Set up section

***

In the editor side panel, click **(+) Add section** and select **Featured product**. Click and hold the drag handles **`⋮⋮`** to re-order sections.

Click the section to open the settings. Click **Select product** for the Featured product option.

`Click Featured product section to find settings`

<table><thead><tr><th width="217.66666666666669">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Select product</mark></td><td>Choose one of your products to feature. The section will use details and settings from in your Shopify admin.</td></tr><tr><td><mark style="color:blue;">Product image size</mark></td><td>Change the size of the main product image. Select <strong>Small</strong>, <strong>Medium</strong>, <strong>Large</strong>, or <strong>Extra large</strong>.</td></tr><tr><td><mark style="color:blue;">Thumbnail size</mark></td><td>Change the size of the thumbnail product images. Select <strong>Small</strong>, Medium, or <strong>Large</strong>.</td></tr><tr><td><mark style="color:blue;">Enable video looping</mark></td><td>Choose to play videos in your product media gallery continuously.</td></tr><tr><td><mark style="color:blue;">Enable image zoom</mark></td><td>Allow visitors to view product images in a larger view.</td></tr><tr><td><mark style="color:blue;">Show thumbnails in zoom gallery</mark></td><td>Choose to show thumbnail images when product media are viewed in the zoom gallery.</td></tr><tr><td><mark style="color:blue;">Image aspect ratio</mark></td><td>Choose to crop all product images to be a single uniform shape. Select Portrait (2:3), Portrait (4:5), Square (1:1), Landscape (5:4), or Landscape (3:2). Select Natural to display images in their original shape (without cropping).<br><br>Learn more about aspect ratios in our <a href="/pages/W1limMa3a6HViAgYU6Ns#image-aspect-ratio">Image settings guide</a>.</td></tr></tbody></table>

### Default blocks

***

**Default blocks** include essential product details and purchase options. Click the blocks to find additional settings.

<table data-view="cards"><thead><tr><th></th><th></th></tr></thead><tbody><tr><td><a href="/pages/b7wtPXCJxN63iPtFmXLv"><strong>Product header</strong></a></td><td>Display title, price, vendor, star rating, and badges.</td></tr><tr><td><a href="/pages/pGLtLr4jstuNckWDLRjn"><strong>Description</strong></a></td><td>Display product description as a paragraph or accordion.</td></tr><tr><td><a href="/pages/hIicabehGjM5VGnaSANn"><strong>Variant selectors</strong></a></td><td>Display variants of product options. Includes options for <a href="/pages/aQ9sXsgyW6pLVvodyafU">Information popup</a>, <a href="/pages/icEbZO563kl4UGPTX0fD">Variant swatches</a>, and <a href="/pages/q9k1M30HenITCM5k7E0u">Variant chips</a>.</td></tr><tr><td><strong>Quantity selector</strong></td><td>Let customers add more quantities of a product.</td></tr><tr><td><a href="/pages/RVpzMYikBQAi7Xi4Pabo"><strong>Buy buttons</strong></a></td><td>Add-to-cart button with optional Sticky Add-to-Cart bar and Dynamic checkout button. Includes Local pickup banner.</td></tr><tr><td><a href="/pages/laGj8c1YtF0aPyKcKKvE"><strong>Share icons</strong></a></td><td>Social links for sharing your product page.</td></tr></tbody></table>

### **Feature blocks**

***

Add **Feature product blocks** to organize additional product information and design the page layout.

<table data-header-hidden><thead><tr><th width="309">Features blocks (guides)</th><th>Description</th></tr></thead><tbody><tr><td><a href="/pages/3Xrr1Ra2WJZicN8E90eI"><strong>Collapsible row block</strong></a></td><td><img src="/files/DsAsXlxS5aTcauAcTXjP" alt=""></td></tr><tr><td><a href="/pages/ywqWZXJJjvLxkx9y1jXU"><strong>Complementary products</strong></a></td><td><img src="/files/oTROLh48ihM3xWtIMgX8" alt=""><br></td></tr><tr><td><a href="/pages/dShkAElvCnVj5LfNUVya"><strong>Custom option</strong></a></td><td><img src="/files/GfGQtEXXZYnmPfxio3cn" alt=""></td></tr><tr><td><a href="/pages/FFw01G26fubly9V59InD"><strong>Customer support</strong></a></td><td><img src="/files/7BMPV8wJKto3PAKdQUyp" alt=""></td></tr><tr><td><a href="/pages/CXIE7GQPgAt9bzt53b0P"><strong>Image block</strong></a></td><td><img src="/files/c0uer27qm5IKPtAlSiiN" alt=""></td></tr><tr><td><a href="/pages/AgrhqHtymDgQFb5Aqte2"><strong>Image with text</strong></a></td><td><img src="/files/TOsaHb2aQciyTN9Fktpw" alt=""></td></tr><tr><td><a href="/pages/aQ9sXsgyW6pLVvodyafU"><strong>Information popup</strong></a></td><td><img src="/files/4ub5LvbJqHKQBdm0B2QS" alt="" data-size="original"></td></tr><tr><td><a href="/pages/Rb8qdoUZf8rfMPY0Thyy"><strong>Product labels</strong></a></td><td><img src="/files/yCICPkAFR6Bd5xuDAZD1" alt=""></td></tr><tr><td><a href="/pages/xMZQW5VHRTXodFIzPpSS"><strong>Payments and trust</strong></a></td><td><img src="/files/IHLW6bOMwu32JNGj40GQ" alt=""></td></tr><tr><td><a href="/pages/nJua09ODwYBLi2aeNpZL"><strong>Stock level indicator</strong></a></td><td><img src="/files/EEucvX7cRnCrTRkp65aO" alt=""></td></tr><tr><td><a href="/pages/Vn8pZpnzIXn9aCiXvp7l"><strong>Text block</strong></a></td><td><img src="/files/UI0MMDEysWNWBnyrcjZd" alt=""></td></tr><tr><td><a href="/pages/M7iTuJFvBLQwyN1p2NHb"><strong>Text columns with icons</strong></a></td><td><img src="/files/rxgcsvf7lkHKv5hc2WMF" alt=""></td></tr><tr><td><a href="/pages/0LUCnCfs7NLVlwtN5wVh"><strong>Text list with icons</strong></a></td><td><img src="/files/FEpXIac4xts9QkobXLtf" alt=""></td></tr><tr><td><a href="/pages/q2ny0jzrI1rmbmyEBcoQ"><strong>Custom Liquid</strong></a></td><td>Add block with custom HTML or Liquid</td></tr><tr><td><strong>Spacer</strong></td><td>Add space between product blocks.</td></tr></tbody></table>

<br>

***

> **Related links**
>
> [Product page template](/cornerstone/product-pages/product-template.md)