Featured product
One product, with its photos and the product page's buy box, on any page. Use it to launch a product or push a best seller.
Where to find it
In the theme editor, Add section › Featured product.
Settings
| Setting | Choices | Shows when | What it does |
|---|---|---|---|
| Density | Follow theme · Compact · Normal · Spacious | Always | Space, columns and image shape in this section. Follow theme uses Density in Theme settings › Layout. |
| Text size | Default · Smaller · Standard · Larger | Always | Makes this section's text and title smaller or larger than its Density sets. |
| Color scheme | Always | ||
| Product | Always | ||
| Image shape | Square · Portrait (4:5) · Landscape (4:3) · Original shape | Always | |
| Show media placeholder | On · Off | Always | Off: the buy box takes the full width instead. |
| Show product page link | On · Off | Always | |
| Overline | Always | ||
| Heading | Always | ||
| Text | Always |
Layout
| Setting | Choices | Shows when | What it does |
|---|---|---|---|
| Section width | Full width · Contained | Always | Contained draws the color scheme as a panel inside the page margins. |
| Color around the panel | On · Off | Section width is Contained | Off shows the page background around the panel. Color scheme colors the panel itself. |
| Around the panel | Section width is Contained and Color around the panel is on |
Which settings reveal which:
flowchart LR section_width["Section width"] panel_ground["Color around the panel"] ground_color_scheme["Around the panel"] section_width -- "is Contained" --> panel_ground section_width -- "is Contained + more " --> ground_color_scheme panel_ground -- "on + more " --> ground_color_scheme
Blocks
It also takes these blocks: Company context, Product title, Description, Price, Variant picker, Purchase options, Stock, Lead time, Buy buttons, Badges, Volume price breaks, Custom Liquid.
Apps can add their own blocks here.