# 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fluorescent.co/cornerstone/pages/theme-sections/featured-product.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.