Featured product
Featured product shows one product with its media and product information side by side. The product information is built from blocks you add, such as price, heading, variant picker and buy buttons.
How to add it
- In the Theme Editor, open the template where you want the section.
- Select Add section, then choose Featured product.
Settings
View the section guide .
General
| Setting | Options | Description |
|---|---|---|
| Product | Product the section features. Its media and details appear next to the section's content blocks. | |
| Media width on desktop | Share of the section width taken by the product media on desktop. The product details use the remaining space. | |
| Media position | • Left | Places the product media on the left or right of the product details on desktop. |
| Enable image lightbox | Adds a zoom button to product images that opens a larger view. | |
| Enable video looping | Plays product videos again from the start when they end. | |
| Enable video autoplay | Videos are muted automatically to allow autoplay. YouTube and Vimeo videos also autoplay, muted. | |
| Enable custom video controls | Won't work for YouTube or Vimeo videos. |
Layout
| Setting | Options | Description |
|---|---|---|
| Column gap | • No gap | Space between the media column and the details column: no gap, small, medium or large. |
Media width on desktop accepts values from 40 to 60. Media position sets whether the media sits on the left or the right.
Appearance
| Setting | Options | Description |
|---|---|---|
| Color scheme | Edit color schemes in Theme settings. |
Section layout
| Setting | Options | Description |
|---|---|---|
| Section width | • Page width | Width of the section content: standard page width, a wider container, or the full screen width. |
| Top padding | Space above the section in pixels. | |
| Bottom padding | Space below the section in pixels. | |
| Show top border | Draws a thin line along the top edge of the section. |
Notes
Custom video controls do not work with YouTube or Vimeo videos.
No comments yet