Combine > Sections > Featured product

Featured product

Highlights a specific product on the storefront. It's a stripped version of the main product page, with less options and blocks, where the focus is on product discovery and fast purchase.

Section heading

Heading and subheading - The titles for the entire section - will display above the product gallery.

Heading size - You can choose between two predefined sizes "Regular" and "Large" that are calculated based on the font size set in the Typography settings.

Text alignment - Different options for left and center alignment.

Content

Select product - Allows you to choose which product to feature in this section. The selected product’s title, images, price, and description will be displayed.

Product gallery

Style & layout - Controls the style - slider or scroll - and the layout - one or two columns.

Desktop and mobile media width - Allows you to choose the product media width for both desktop and media screens.

Media aspect ratio - Determines the product images/videos displayed ratio. You can choose between four different options: short (4:3), square (1:1), tall (5:6), taller (2:3).

Fit images inside container - Ensures images scale within a fixed container without cropping.

Gallery inner spacing - Adjusts the spacing between media items to refine the layout.

Gallery background - Set a gallery background color. This is only visible if the images are set to fit inside the container.

Gallery border - Set a gallery border color.

Media border radius - Set a value for rounded borders on the included media files.

Show thumbnails - Small previews of images beneath the main display.

Enable image zoom - Allows customers to hover or click to zoom in on product images for more detail.

Enable video looping - When enabled, videos will continuously replay.

Enable video autoplay - Plays videos automatically without sound and controls when customers view the product section.

Fill videos to match the aspect ratio of the images - Ensures videos maintain the same aspect ratio as images for a consistent layout.

Functionality

Select the first available variant by default - If enabled, the first in-stock variant is automatically selected. If disabled, customers must manually select a variant before purchasing.

Gutter

Decrease top margin - Useful when using this section after a section where you don't want to have a large gap.

SEO

Heading tag - Specify heading level to help search engines index the structure of your page.