Featured product
The Featured product section shows one product with its media and the same blocks as the product page: title, price, variant picker, buy buttons and more.
How to set it up
Step 1: Add the Featured product section
- In the theme editor, open the page you want and click Add section under Template.
- Search for Featured product and select it (1).
Step 2: Pick the product and layout
- Choose the Product (1) and the Layout (2), then add a corner label or a rotating badge on the image.
Step 3: Arrange the blocks
- Add, remove and reorder blocks like on the product page. Add View details to link to the full product page, and set the Title block's heading tag to H2.
Settings reference
Featured product
| Product | A product. |
|---|---|
| Layout | |
| Layout | Three-column layouts use the Second column block and need a screen at least 1200px wide. Options: Media beside details, Three columns, Media between columns. |
| Media position | Media is always first on mobile. Options: Left, Right. |
| Media width | Options: Small, Medium, Large. |
| Media | |
| Corner label | Small text in the corner of the image. Leave blank to hide. |
| Badge text | Shown in a rotating circular badge. Leave blank to hide. |
Section width, corners, padding, color scheme, divider and visibility work the same in every section: see Section layout and spacing. Headings, subheadings and descriptions: see Section headings and text.