# 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="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2FK1c3W5whQwdXAjBC9U4V%2Ffeatured-product-glow.png?alt=media&#x26;token=a7b2dbac-5a14-4c30-ad85-74867e7f6143" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Editing templates will change all pages that use the same template**. [Create new templates](https://help.fluorescent.co/cornerstone/general/editing-themes/using-templates#create-and-assign-multiple-templates) for different page layouts, or [show dynamic page content](https://help.fluorescent.co/cornerstone/general/adapting-your-theme/dynamic-content-with-metafields) 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="../../../general/image-guide/theme-image-settings#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="../../product-pages/product-page-blocks/product-header"><strong>Product header</strong></a></td><td>Display title, price, vendor, star rating, and badges.</td></tr><tr><td><a href="../../product-pages/product-page-blocks/description"><strong>Description</strong></a></td><td>Display product description as a paragraph or accordion.</td></tr><tr><td><a href="../../product-pages/product-page-blocks/variant-selector"><strong>Variant selectors</strong></a></td><td>Display variants of product options. Includes options for <a href="../../product-pages/product-page-blocks/information-popup">Information popup</a>, <a href="../../product-pages/variant-options/variant-swatches">Variant swatches</a>, and <a href="../../product-pages/variant-options/variant-chips">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="../../product-pages/product-page-blocks/buy-buttons"><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="../../product-pages/product-page-blocks/share-icons"><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="../../product-pages/product-page-blocks/collapsible-rows-block"><strong>Collapsible row block</strong></a></td><td><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2FmiQma7Vn5UjOTsmcYCh0%2Fcollapsible-block.png?alt=media&#x26;token=bd259403-1359-424f-aaec-46387a1cd1da" alt=""></td></tr><tr><td><a href="../../product-pages/product-page-blocks/complementary-products"><strong>Complementary products</strong></a></td><td><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2FQw2IUl1shgroaD8x6Url%2Fcomplementary-products.png?alt=media&#x26;token=b5453485-1662-44f3-ad72-af7c10adc15a" alt=""><br></td></tr><tr><td><a href="../../product-pages/product-page-blocks/custom-option"><strong>Custom option</strong></a></td><td><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2FZvn50xDhBT0bY0BrF0yX%2Fcustom-option.png?alt=media&#x26;token=dc77a9dd-b5c2-4f7e-bcec-793b6699f170" alt=""></td></tr><tr><td><a href="../../product-pages/product-page-blocks/customer-support-block"><strong>Customer support</strong></a></td><td><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2FdlhFMe66Gzj2KjBhW7um%2Fcustomer-support.png?alt=media&#x26;token=9c60f61c-0de6-4399-97da-915f6b30e62f" alt=""></td></tr><tr><td><a href="../../product-pages/product-page-blocks/image-block"><strong>Image block</strong></a></td><td><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2Fh6OPLIrichKRfzShkpOv%2Fblock-image.png?alt=media&#x26;token=9f9cd4d1-7930-46ad-a0e8-9446398cd415" alt=""></td></tr><tr><td><a href="../../product-pages/product-page-blocks/image-with-text-block"><strong>Image with text</strong></a></td><td><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2FdSkymXyBqU6bkNMwVGgk%2Fimage-with-text.png?alt=media&#x26;token=154c33e6-b4de-4b27-919d-0c510a395231" alt=""></td></tr><tr><td><a href="../../product-pages/product-page-blocks/information-popup"><strong>Information popup</strong></a></td><td><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2FGdh8udLXnOVX0raP6zPP%2Finfo-pop-guide.png?alt=media&#x26;token=cec340de-51cb-416d-a063-bd6eb5ba2bf1" alt="" data-size="original"></td></tr><tr><td><a href="../../product-pages/product-page-blocks/product-labels"><strong>Product labels</strong></a></td><td><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2F5KL9zx2Q4o7GpXjAabMR%2Fproduct-labels.png?alt=media&#x26;token=d70d5567-2a3a-4395-98cc-d947a47d4fb1" alt=""></td></tr><tr><td><a href="../../product-pages/product-page-blocks/payments-and-trust"><strong>Payments and trust</strong></a></td><td><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2F7o0lxxUU6dDebY9jvXvo%2Fpayment-secure.png?alt=media&#x26;token=2d4e6316-5173-4c92-8c85-479094c37c88" alt=""></td></tr><tr><td><a href="../../product-pages/product-page-blocks/stock-level-indicator"><strong>Stock level indicator</strong></a></td><td><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2FYdKPYo2nCkmZDMaNP4hR%2Fstock-level.png?alt=media&#x26;token=7367719c-290c-4d2a-a2a8-2fb2a89d71b6" alt=""></td></tr><tr><td><a href="../../product-pages/product-page-blocks/text-block"><strong>Text block</strong></a></td><td><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2FSihEz0HkX1ysDZcm1cJV%2Fblock-text.png?alt=media&#x26;token=83e3f59b-a317-4fea-9672-5bf75e963133" alt=""></td></tr><tr><td><a href="../../product-pages/product-page-blocks/text-columns-with-icons"><strong>Text columns with icons</strong></a></td><td><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2FO2SgZneGwAFWC8BCC2vJ%2Ftext-columns-icons.png?alt=media&#x26;token=ead76386-8b5f-4e54-8e22-d9f5fe2f609a" alt=""></td></tr><tr><td><a href="../../product-pages/product-page-blocks/text-list-with-icons"><strong>Text list with icons</strong></a></td><td><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2FnUvbLVelQQVFLOBqZjYR%2Ftext-list.png?alt=media&#x26;token=c9cb6b69-1788-4939-8ea1-5c4ad9a948f4" alt=""></td></tr><tr><td><a href="../../for-developers/custom-liquid"><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](https://help.fluorescent.co/cornerstone/product-pages/product-template)