> 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/ira/sections/theme-sections/featured-product.md).

# Featured product

{% hint style="danger" %} <mark style="color:red;">Theme retirement</mark> Ira is no longer available on the Shopify theme store. **Theme support and updates for current users will end after May 18, 2024**. [Learn more here](/ira/readme/theme-retirement.md).
{% endhint %}

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

## **Set up section**

Add this section to any template (except Checkout) and re-order its position. You can use this section multiple times on the same page with different content and settings.

{% hint style="warning" %}
Editing a template changes all pages that use that template. To edit specific pages, you can [create new templates](/ira/general/editing-themes/using-templates.md#create-and-assign-multiple-templates) or [insert dynamic content with metafields](/ira/general/adapting-your-theme/dynamic-content-with-metafields.md).
{% endhint %}

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Select a **Template** to edit from the dropdown menu in the top bar.
2. Under **Template**, click **(+) Add section** and select **Featured product**.
3. Change the order of your sections by using the drag and drop handles **`⋮⋮`**
4. Click on the **Featured product** section and click **Select product** to choose which product to feature.
5. (*Optional*.) Check the **Enable contrast** checkbox to use contrast colors as set up in the **Theme Settings**.

   ![](/files/hcsCQbKwRljaomHCsLwO)
6. (*Optional*.) check the **Enable full width** checkbox to make the section span the entire width of the page or screen.
7. Click **Save**.

</details>

### Product blocks

Just like the **Product template**, this section contains the elements or blocks that make up your product form. You can rearrange or edit these blocks to create new styles or layout for your **Featured product** section.

Below you'll find a list of all the **Featured product** blocks, along with associated settings and features. Follow the link for setup instructions.

| Default blocks (guides)                                                                         | Description                                                                                                                                                                                                                                                       |
| ----------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Title                                                                                           | Display title, price, vendor, star rating, and badges.                                                                                                                                                                                                            |
| Price                                                                                           | Display the price of your product, including the sale or compared price.                                                                                                                                                                                          |
| [Description](/ira/product-pages/product-page-blocks/default-blocks.md#description)             | Display product description as a paragraph or accordion.                                                                                                                                                                                                          |
| [Variant selectors](/ira/product-pages/product-page-blocks/default-blocks.md#variant-selector)  | Display variants of product options. Includes options for [Information popup](/ira/product-pages/product-page-blocks/information-popup.md), [Variant swatches](/ira/product-pages/variant-swatches.md), and [Variant chips](/ira/product-pages/variant-chips.md). |
| [Quantity selector](/ira/product-pages/product-page-blocks/default-blocks.md#quantity-selector) | Let customers add more quantities of a product.                                                                                                                                                                                                                   |
| [Buy buttons](/ira/product-pages/product-page-blocks/default-blocks.md#buy-buttons)             | Add-to-cart button with optional [Dynamic checkout button](/ira/product-pages/product-page-blocks/default-blocks.md#dynamic-checkout-button). Includes [Local pickup banner](/ira/product-pages/product-page-blocks/default-blocks.md#local-pickup-banner).       |
| [Share icons](/ira/product-pages/product-page-blocks/default-blocks.md#share-icons)             | Social links for sharing your product page.                                                                                                                                                                                                                       |
| Product type                                                                                    | Show the type of product as listed in your Shopify admin.                                                                                                                                                                                                         |
| SKU                                                                                             | Show the SKU number used to track your product inventory.                                                                                                                                                                                                         |
| Vendor                                                                                          | Show the product vendor (or seller) as added in your Shopify Admin.                                                                                                                                                                                               |

| Features blocks (guides)                                                                 | Description                                                |
| ---------------------------------------------------------------------------------------- | ---------------------------------------------------------- |
| [Accordion](/ira/product-pages/product-page-blocks/accordion-block.md)                   | Add expandable tabs that reveal more text when clicked.    |
| [Custom Liquid](/ira/for-developers/custom-liquid.md)                                    | Add block with custom HTML or Liquid                       |
| [Information popup](/ira/product-pages/product-page-blocks/information-popup.md)         | Add popup product information (ex. Size guide).            |
| [Stock level indicator](/ira/product-pages/product-page-blocks/stock-level-indicator.md) | Display stock level bar with 'low inventory' alert.        |
| [Text block](/ira/product-pages/product-page-blocks/text-block.md)                       | Add a short block of text.                                 |
| Divider                                                                                  | Add a horizontal line to visually separate product blocks. |
| Spacer                                                                                   | Insert a margin of space between blocks.                   |

<br>

***

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