Featured product

What It Does

The Featured product section lets you customize a selected product.

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.

---

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.

'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.

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.

Color schemes are sets of coordinated colors you define under Theme settings > Colors. Choosing a scheme applies its background, text, and accent colors.

---

Supported Blocks

Vendor

See the child document for full settings: Vendor

Product title

See the child document for full settings: Product title

Price

See the child document for full settings: Price

Variant selector

See the child document for full settings: Variant selector

Quantity selector

See the child document for full settings: Quantity selector

Inventory status

See the child document for full settings: Inventory status

Description

See the child document for full settings: Description

Buy buttons

See the child document for full settings: Buy buttons

Social share

See the child document for full settings: Social share

SKU

See the child document for full settings: SKU

Text

See the child document for full settings: Text

Border

See the child document for full settings: Border

Custom liquid

See the child document for full settings: Custom liquid

Accordion

See the child document for full settings: Accordion

Full details link

See the child document for full settings: Full details link

Heading

See the child document for full settings: Heading

Countdown timer

See the child document for full settings: Countdown timer

Product badge

See the child document for full settings: Product badge

Product compare checkbox

See the child document for full settings: Product compare checkbox

---