# Featured product

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FYW7IToC7NSi6B0WpzqV0%2FFox-BG%20Light%20(34).jpg?alt=media&#x26;token=6b0b37ab-13a2-4e7d-929d-febbf9684d11" 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="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FskBRLcRhTVfCacQWXm1k%2Fimage.png?alt=media&#x26;token=4e6e763c-ea1e-4a5f-8b14-b96fcbc73578" alt=""><br><br><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2F9eVrdGaXvm1Wf5DKQCky%2Fimage.png?alt=media&#x26;token=e5cfb7f5-192b-4b60-a8ab-99f67d10fef5" 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="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FryuSQPV0CAmZhu7MEOhL%2Fimage.png?alt=media&#x26;token=f8a702a3-57df-47fa-ae43-61842563d239" alt=""></p><p></p><ul><li>Hide thumbnails:</li></ul><p><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FDet1tTFpNkGCcIZpOmH7%2Fimage.png?alt=media&#x26;token=55eec3f1-ce79-446b-be93-eba2ccbf08f6" 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-blocks](https://docs.foxecom.com/zest-theme/collections-and-products/product-page/product-information#product-information-blocks "mention")
{% endhint %}


---

# 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://docs.foxecom.com/zest-theme/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.