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

# Featured product

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

Spotlight a single product with all its details and buying options—right on the homepage or any landing page.&#x20;

Perfect for showcasing bestsellers, promotional items, or limited drops, this section supports product variants, media, and full checkout functionality.

## How to add a Featured product section to your Shopify store

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, click **Add section**
2. Select **Featured product**
3. Make necessary changes
4. **Save.**
   {% endhint %}

## How to customize your Featured product section

### Section settings

<table><thead><tr><th width="240">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Desktop media position</strong></td><td><p>Choose where product media appears: <code>Left</code> or <code>Right</code>.</p><p><img src="/files/e0zGyVXqOFqbKvYyYUi7" alt=""><br><br><img src="/files/bTtPqeg5f4eHrLVNiKNE" alt=""></p></td></tr><tr><td><strong>Desktop media size</strong></td><td>Select media size: <code>Small</code>, <code>Medium</code>, or <code>Large</code>. Automatically optimized for mobile.</td></tr><tr><td><strong>Mobile layout</strong></td><td><p>Choose how product thumbnails appear on mobile: </p><ul><li>Show thumbnails:</li></ul><p><br><img src="/files/dVFYgei0SWs7Y8ALh6Cx" alt=""></p><p></p><ul><li>Hide thumbnails:</li></ul><p><img src="/files/HMOx2h9tS1xGEYdqtuPT" alt=""></p></td></tr><tr><td><strong>Enable image zoom</strong></td><td>Allow zoom on hover/click for product media.</td></tr><tr><td><strong>Enable video looping</strong></td><td>If the product includes a video, choose whether it should loop.</td></tr></tbody></table>

### Block settings

{% hint style="success" %}
Learn more here: [Product information](/zest-theme/collections-and-products/product-page/product-information.md#product-information-blocks)
{% endhint %}