# Featured product

Versatile and dynamic component that allows you to showcase a single product prominently in your store. This section is designed to enhance the visual appeal of a product while providing a seamless shopping experience for your customers.

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

{% hint style="info" %}
Shopify has a limit of showing up to 20 unique product handles per page. Please keep this in mind when using sections with a product select option, such as the Featured Product section.
{% endhint %}

{% hint style="warning" %}
All blocks for this section can be seen [here](/products/blocks/product-blocks.md).
{% endhint %}

### **Section settings**

<table><thead><tr><th width="223.1796875">Settings</th><th width="180.22650146484375" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Product</td><td align="center"><code>product</code></td><td>Choose a specific product to be featured in this section.</td></tr><tr><td><strong>Product description</strong></td><td align="center"></td><td></td></tr><tr><td>Enable sticky form</td><td align="center"><code>checkbox</code></td><td>When enabled, the product form (e.g., add to cart button) will stick to the screen as the user scrolls, keeping it visible for easy access.</td></tr><tr><td><strong>Image layout</strong></td><td align="center"></td><td></td></tr><tr><td>Desktop layout</td><td align="center"><code>select</code></td><td>Choose the layout for product images on desktop: <code>Grid</code>, <code>Carousel with thumbnails</code>, or <code>Stacked</code>.</td></tr><tr><td>Image width</td><td align="center"><code>select</code></td><td>Adjust the width of the product image for the desktop layout: <code>Standard</code> or <code>Large</code>.</td></tr><tr><td>Hide product thumbnails (carousel layout only)</td><td align="center"><code>checkbox</code></td><td>Hides the product thumbnails when using the carousel layout.</td></tr><tr><td>Equal image aspect ratio</td><td align="center"><code>checkbox</code></td><td>Ensures all images in the grid layout have the same aspect ratio, creating a more uniform look.</td></tr><tr><td><strong>Media</strong></td><td align="center"></td><td></td></tr><tr><td>Enable zoom</td><td align="center"><code>checkbox</code></td><td>Allows users to zoom in on the product image when hovered over for a closer look.</td></tr><tr><td>Enable video looping</td><td align="center"><code>checkbox</code></td><td>When enabled, any product videos will loop continuously when played.</td></tr><tr><td><strong>Colors</strong></td><td align="center"></td><td></td></tr><tr><td>Color scheme</td><td align="center"><code>color_scheme</code></td><td>Applies a predefined theme color scheme to the section.</td></tr><tr><td><strong>Section spacing</strong></td><td align="center"></td><td></td></tr><tr><td>Width</td><td align="center"><code>select</code></td><td>Adjust the width of the section: <code>Full width padded</code> or <code>Page width</code>.</td></tr><tr><td>Padding top and bottom</td><td align="center"><code>range</code></td><td>Adjust the top and bottom padding for the section, controlling the space above or below the product.</td></tr></tbody></table>


---

# 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://palo-alto.presidiocreative.com/sections/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.