Featured Product

The Featured Product can be used to display a single product and its related detailed information. Through this section, users can highlight important products and customize the product layout on the page to attract consumers' attention. The design of this section is flexible, ensuring the visual appeal of product display.

(I) Featured Product

• Width: There are three options: Page Container, Stretched, and Full Width. Choosing different widths will present different visual effects.

• Color scheme: Select or edit a color scheme to define the color styles of all elements on the page, including background color, text color, etc.

• Product: Select the featured product to be displayed.

• Secondary background: Enable this option, and the secondary background will be displayed.

(II) Media

• Width: There are three sizes available: Small, Medium, and Large. Choose the corresponding display form according to the page design.

• Constrain to screen height: Enable this option to limit the height.

• Fit: There are two modes available: Original and Fill.

• Position: There are two modes available: Left and Right. Choose the corresponding display form as needed.

• Zoom: There are three styles available: Open Lightbox, Click and Hover, and No Zoom.

• Hide other variant media after one is selected:

• Loop video:

(III) Padding

• Top: Manually drag the slider to adjust the top margin, with a minimum of 0px and a maximum of 100px.

• Bottom: Manually drag the slider to adjust the bottom margin, with a minimum of 0px and a maximum of 100px.

(IV) Addable Blocks

• Text

• Title

• Price

• Variant picker

• Quantity selector

• Buy buttons

• Share

• SKU

• Product rating

• Icon with text