Featured product
Overview
Showcases a single product with a media gallery and a fully configurable content column built from individual blocks. The section supports an optional section-level header above the product layout. The content column accepts blocks in any order — product title, price, variants, quantity input, purchase controls, collapsible rows, feature lists, countdown timer, payment methods, social sharing, store pickup, custom headings, text, tags, detail links, structural separators, and third-party app blocks. Each block carries its own bottom margin spacing. Section settings cover the header, media gallery, layout container, color scheme, and spacing.
Section Configuration
Product
| Setting |
Description |
| Product |
Shopify product displayed in the section. |
Tagline
| Setting |
Description |
| Tagline |
Short text above the heading. |
| Tagline Size |
Large, Medium, or Small. Default: Medium. |
| Tagline Weight |
Thin (100) to Black (900). Default: Normal (400). |
| Tagline Case |
None, Uppercase, Capitalize, or Lowercase. Default: Capitalize. |
| Tagline Font Family |
Default or Heading font. |
| Tagline Color Style |
Default, Heading, or Body color preset. |
Heading
| Setting |
Description |
| Heading |
Main section heading. Supports inline rich text. Default: "Featured product". |
| Heading Size |
H1–H6 or Large, Medium, Small. Default: H4. |
| Heading Weight |
Thin (100) to Black (900). Default: Bold (700). |
| Heading Case |
None, Uppercase, Capitalize, or Lowercase. Default: Uppercase. |
| Heading Tag |
Semantic HTML heading level (H1–H6). Default: H2. |
| Heading Font Family |
Default or Body font. |
| Heading Color Style |
Default or Body color preset. |
| Heading Link Style |
Default or Link style when heading contains a hyperlink. |
Description
| Setting |
Description |
| Description |
Rich-text content below the heading. |
| Text Size |
Large, Medium, or Small. Default: Large. |
| Text Weight |
Thin (100) to Black (900). Default: Normal (400). |
| Text Case |
None, Uppercase, Capitalize, or Lowercase. Default: None. |
| Text Font Family |
Default or Heading font. |
| Text Color Style |
Default or Heading color preset. |
| Setting |
Description |
| Header Margin – Desktop |
Bottom spacing between header and product layout on desktop. Range: 0–100 px, default 57 px. |
| Header Margin – Mobile |
Bottom spacing between header and product layout on mobile. Range: 0–100 px, default 27 px. |
| Setting |
Description |
| Show Arrows |
Enables navigation arrows on the product image slideshow. Disabled by default. |
| Arrow Button Type |
Visual style of arrow buttons: Primary, Secondary, or Link. Default: Secondary. Visible when arrows are enabled. |
Layout Settings
| Setting |
Description |
| Media Ratio |
Product image aspect ratio: Adapt (original), Square, Portrait, Landscape, or Fit to Box. Default: Adapt. |
| Desktop Height |
Fixed image height on desktop. Range: 100–400 px, default 265 px. Visible only when Media Ratio is Fit to Box. |
| Mobile Height |
Fixed image height on mobile. Range: 100–400 px, default 265 px. Visible only when Media Ratio is Fit to Box. |
| Container Layout |
Page Width, Contained Content, or Container Fluid. Default: Contained Content. |
| Border Style |
None, Top, Bottom, or Top & Bottom. Default: None. |
| Container Size |
Max container width as a percentage of page width. Range: 50–100%, default 100%. |
| Desktop Text Alignment |
Header text alignment on desktop. Default: Center. |
| Mobile Text Alignment |
Header text alignment on mobile. Default: Center. |
| Color Scheme |
Shopify color scheme applied to the section. Default: Scheme 1. |
