# Featured product

The featured product section highlights a single product in a prominent, conversion-focused layout. It is typically used to draw attention to a specific item by showcasing its images, details, and purchase options in a dedicated section.

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

#### Product

Selects the product to feature in this section. This determines all content displayed, including images, pricing, and product information.

#### Enable slideshow

Enables a media slideshow for the product gallery, allowing customers to browse multiple product images in a carousel format.

#### Gallery columns on desktop

Defines the number of columns used in the product image gallery on desktop devices. Default is 2, allowing a balanced multi-image layout.

#### Gallery columns on mobile

Sets the number of columns used in the gallery on mobile devices. Default is 1 to ensure optimal readability and usability on smaller screens.

#### Show buttons

Controls when gallery navigation buttons are displayed. Set to “Desktop only” so controls appear only on larger screens.

#### Show pagination

Determines when pagination indicators are shown for the gallery. Set to “Always” to consistently display slide position indicators.

#### Show thumbnails

Controls whether thumbnail navigation is displayed beneath or alongside the main gallery. Set to “Always” to allow quick image selection.

#### Use auto height

Automatically adjusts the gallery height based on the currently displayed slide to prevent excessive empty space or cropping.

#### Enable media zoom

Allows users to open product images in a zoomed or full-resolution view for closer inspection.

#### Vertical spacing

Controls the spacing around the featured product section to adjust its separation from surrounding content.

#### Vertical spacing (desktop)

Sets the vertical spacing applied on desktop devices. Default is Large.

#### Vertical spacing (mobile)

Sets the vertical spacing applied on mobile devices to ensure consistent and comfortable spacing across screen sizes.


---

# 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://gatame.gitbook.io/highstreet/dynamic-sections/products/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.