# Featured product

### What It Does

The **Featured product** section lets you customize a selected product.

{% hint style="info" %}
How to Add It

1. In the Shopify theme editor, click **Add section**.
2. Search for **"Featured product"**.
3. Click the section to add it to your page.
4. Adjust the settings described below.
   {% endhint %}

***

### Settings

#### **Product media**

Selects a product to feature.

#### **Layout**

Controls the Layout. Choose from: Full width, Fit to width.

**Media**

#### **Media fit**

Choose from: Contain, Cover.

{% hint style="info" %}
'Cover' maintains its aspect ratio and fills the width and height of the section. 'Contain' maintains its aspect ratio and increases or decreases the size of the image to fill the section. 
{% endhint %}

#### **Media ratio**

Controls the Media ratio. Choose from: Square, Landscape.

#### **Media width (desktop)**

Controls the width of this element on desktop.

#### **Order (desktop)**

Controls the Order (desktop). Choose from: Media on the left, Media on the right.

#### **Enable image zoom**

This setting enables an image zoom effect on hover. Disable to hide it.

**Media pagination**

#### **Number of columns per row**

Controls the number of columns.

#### **Thumbnail ratio**

Controls the Thumbnail ratio. Choose from: Square, Landscape.

**Appearance**

#### **Input/button maximum width**

Controls the width of this element.

#### **Color scheme**

Applies a predefined color scheme to this element.

{% hint style="info" %}
Color schemes are sets of coordinated colors you define under **Theme settings > Colors**. Choosing a scheme applies its background, text, and accent colors.
{% endhint %}

***

### Supported Blocks

#### Vendor

See the child document for full settings: [Vendor](/agnes/sections/featured-product/vendor.md)

#### Product title

See the child document for full settings: [Product title](/agnes/sections/featured-product/product-title.md)

#### Price

See the child document for full settings: [Price](/agnes/sections/featured-product/price.md)

#### Variant selector

See the child document for full settings: [Variant selector](/agnes/sections/featured-product/variant-selector.md)

#### Quantity selector

See the child document for full settings: [Quantity selector](/agnes/sections/featured-product/quantity.md)

#### Inventory status

See the child document for full settings: [Inventory status](/agnes/sections/featured-product/inventory.md)

#### Description

See the child document for full settings: [Description](/agnes/sections/featured-product/description.md)

#### Buy buttons

See the child document for full settings: [Buy buttons](/agnes/sections/featured-product/buttons.md)

#### Social share

See the child document for full settings: [Social share](/agnes/sections/featured-product/share.md)

#### SKU

See the child document for full settings: [SKU](/agnes/sections/featured-product/sku.md)

#### Text

See the child document for full settings: [Text](/agnes/sections/featured-product/text.md)

#### Border

See the child document for full settings: [Border](/agnes/sections/featured-product/border.md)

#### Custom liquid

See the child document for full settings: [Custom liquid](/agnes/sections/featured-product/liquid.md)

#### Accordion

See the child document for full settings: [Accordion](/agnes/sections/featured-product/accordion.md)

#### Full details link

See the child document for full settings: [Full details link](/agnes/sections/featured-product/full-details-link.md)

#### Heading

See the child document for full settings: [Heading](/agnes/sections/featured-product/heading.md)

#### Countdown timer

See the child document for full settings: [Countdown timer](/agnes/sections/featured-product/countdown.md)

#### Product badge

See the child document for full settings: [Product badge](/agnes/sections/featured-product/badge.md)

#### Product compare checkbox

See the child document for full settings: [Product compare checkbox](/agnes/sections/featured-product/product_compare.md)

***


---

# 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://moodboard-creations.gitbook.io/agnes/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.