# Featured product

This section is ideal for promoting one item by placing it prominently on your homepage or other store pages.

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

### **1, How to add section in theme editor:**

{% stepper %}
{% step %}
In your theme editor (**Customize**), scroll to the bottom of the template and select **Add section**.
{% endstep %}

{% step %}
In the list, locate and select **Featured product** section. The section will now be added to your page, ready for customization.
{% endstep %}
{% endstepper %}

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

### 2, Section settings:

* **Product**: Select the product you want to showcase in this section.
* **Enable sticky content on desktop**: If enabled, the product details (title, price, buy buttons, etc.) will remain visible while scrolling through product images.
* **Layout**:
  * **Desktop media position**: Choose whether the product images appear on the **left or right** of the product information.
  * **Desktop media layout**: Choose how thumbnails are displayed on desktop:
    * **Thumbnails left**: Thumbnails appear on the left side of the main product image.
    * **Thumbnails bottom**: Thumbnails appear below the main product image.
    * **Hide thumbnails**: If enabled, only the featured image will be displayed without thumbnails.
* **Desktop media size:** Adjust the product media relative to the product information: Small, Medium, or Large.
* **Image ratio**: Choose how the image is displayed: **Adapt to Image** (uses the original aspect ratio); **Square; Portrait or Landscape**
* **Media**:
  * **Enable zoom**: Allows customers to zoom in on product media when clicked.
  * **Autoplay videos**: Product videos will automatically play without needing user interaction.
  * **Enable video looping**: Ensures videos **continuously loop** instead of playing only once.

#### 3, Blocks settings:

The **Featured product** section includes customizable blocks similar to the **Product information** section in the product page. These blocks allow you to modify the displayed product details to create an engaging and informative shopping experience.You can customize and arrange these blocks to highlight essential product information effectively. For further customization, refer to the [**Product information**](/product-page/product-information.md) section settings.


---

# 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://help.byinspiredlabs.com/section/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.