# Featured product

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

The featured product section is great for showcasing the product you want to promote and boost sales. Customers delve into the product's details and are able to add them to their cart without leaving the page.

## 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. Locate **Featured product**
3. Make necessary changes
4. **Save**
   {% endhint %}

## How to edit the Featured product section

### Section settings

Select a **Product** that you want to feature in the section & change the **Color scheme** for it.

<figure><img src="/files/6SgIFx3mNAv5Y6gXBl42" alt=""><figcaption></figcaption></figure>

* **Enable sticky content on desktop**: Set content to be sticky if the product media is longer than the content.
* **Media settings**:
  * **Desktop media width**: Adjust the width of the product image on desktop views. Options include Small, Medium, and Large.
  * **Mobile layout**: Choose between showing or hiding thumbnails on mobile devices.
  * **Enable image zoom:** Toggle this option to allow customers to zoom in on the product image. Tip: Enable this for products with complex textures or details.&#x20;
  * **Enable video looping**: If the product includes a video, toggle this setting to loop it automatically.&#x20;

{% tabs %}
{% tab title="Show thumbnails" %}

<figure><img src="/files/PzWYU133TWKv6IKe6Xhw" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Hide thumbnails" %}

<figure><img src="/files/SI7Oene924unhHUh7ynu" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Block settings

You can add and configure content blocks to enhance the section.

{% hint style="info" %}
For more details about the block settings, check out [Product information](/hyper-theme/collections-and-products/product-page/product-information.md#product-information-blocks)
{% endhint %}

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

***

<figure><img src="/files/6RW1JWuKNf9ovVFLkLXc" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_hyper&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>


---

# 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/hyper-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.