> 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/spark/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.
## **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](/spark/general/editing-themes/using-templates.md#create-and-assign-multiple-templates) or [insert dynamic content with metafields](/spark/general/adapting-your-theme/dynamic-content-with-metafields.md).
{% endhint %}
STEPS
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. Select the **Product image size** of your product media. Either **Small**, **Medium**, **Large**, **Extra Large**.
6. (*Optional*.) If you have added a video to your Product media, choose whether to **Enable video looping** so they play continuously after being started.
7. Select an **Image aspect ratio** to crop the product image to **Square**, **Landscape**, or **Portrait**.
> The default **Natural** setting displays the original orientation of your product media.
8. Click **Save**.
### 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](/spark/product-pages/product-page-blocks/default-blocks.md#title) | Display title, price, vendor, star rating, and badges. |
| [Price](/spark/product-pages/product-page-blocks/default-blocks.md#price) | Display the price of your product, including the sale or compared price. |
| [Description](/spark/product-pages/product-page-blocks/default-blocks.md#description) | Display product description as a paragraph or accordion. |
| [Variant selectors](/spark/product-pages/product-page-blocks/default-blocks.md#variant-selector) | Display variants of product options. Includes options for [Information popup](/spark/product-pages/product-page-blocks/information-popup.md), [Variant swatches](/spark/product-pages/variant-options/variant-swatches.md), and [Variant chips](/spark/product-pages/variant-options/variant-chips.md). |
| [Quantity selector](/spark/product-pages/product-page-blocks/default-blocks.md#quantity-selector) | Let customers add more quantities of a product. |
| [Buy buttons](/spark/product-pages/product-page-blocks/default-blocks.md#buy-buttons) | Add-to-cart button with optional [Dynamic checkout button](/spark/product-pages/product-page-blocks/default-blocks.md#dynamic-checkout-button). Includes [Local pickup banner](/spark/product-pages/product-page-blocks/default-blocks.md#local-pickup-banner). |
| [Share icons](/spark/product-pages/product-page-blocks/default-blocks.md#share-icons) | Social links for sharing your product page. |
| Border | Add a horizontal line to visually separate product blocks. |
| 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](/spark/product-pages/product-page-blocks/accordion-block.md) | Add expandable tabs that reveal more text when clicked. |
| [Complementary products](/spark/product-pages/product-page-blocks/complementary-products.md) | Show customers related products that they can add to the cart. |
| [Custom Liquid](/spark/for-developers/custom-liquid.md) | Add block with custom HTML or Liquid |
| [Custom text field](/spark/product-pages/product-page-blocks/custom-text-field.md) | Let customers add personalized text, notes, or options. |
| [Information popup](/spark/product-pages/product-page-blocks/information-popup.md) | Add popup product information (ex. Size guide). |
| [Payment block](/spark/product-pages/product-page-blocks/payment-accordion.md) | Display icons of payment methods and info. |
| [Security block](/spark/product-pages/product-page-blocks/security-accordion.md) | Display message about information and transaction security. |
| [Shipping block](/spark/product-pages/product-page-blocks/shipping-accordion.md) | Display shipping info and a shipping estimator button. |
| [Stock level indicator](/spark/product-pages/product-page-blocks/stock-level-indicator.md) | Display stock level bar with 'low inventory' alert. |
| [Text block](/spark/product-pages/product-page-blocks/text-block.md) | Add a short block of text. |
|
| |
***
> **Related links**
>
> [Product page template](/spark/product-pages/product-template.md)