Featured collection
Overview:
Displays products from a selected collection in either a grid or slideshow layout. Includes a full section header with tagline, heading, description, and optional view-all button. All product card typography and display options are controlled at the section level. Cannot be used in header, footer, or overlay groups. No blocks.
Collection:
| Setting |
Description |
| Collection |
The collection whose products are displayed. |
Tagline
| Setting |
Description |
| Tagline text |
Default: Add a tagline. |
| Size |
Default: Medium. |
| Weight |
Default: Normal 400. |
| Case |
Default: Uppercase. |
| Font family |
Default: Default. |
| Background color |
Tagline pill background color. Default: #000000. |
| Text color |
Tagline pill text color. Default: #FFFFFF. |
Heading:
| Setting |
Description |
| Heading text |
Default: Featured collection. |
| Size |
Default: H4. |
| Weight |
Default: Normal 400. |
| Case |
Default: Capitalize. |
| Tag |
Default: H2. |
| Font family |
Default: Default. Options include Body. |
| Color |
Default: Default. Options include Body. |
| Link style |
Default: Default. |
Description:
| Setting |
Description |
| Description text |
Richtext field with placeholder copy. |
| Size |
Default: Large. |
| Weight |
Default: Normal 400. |
| Case |
Default: None. |
| Font family |
Default: Default. |
| Color |
Default: Default. Options include Headings. |
| Setting |
Description |
| Show view all button |
Display the collection link button. Default: Disabled. |
| Button label |
Visible only when button is enabled. Default: View all. |
| Button style |
Visible only when button is enabled. Default: Icon Primary. |
| Button case |
Visible only when button is enabled. Default: Capitalize. |
| Open in new tab |
Visible only when button is enabled. Default: Disabled. |
| Setting |
Description |
| Bottom margin desktop |
Space below the header block. Default: 35px. |
| Bottom margin mobile |
Default: 15px. |
Card Settings
| Setting |
Description |
| Media ratio |
Image aspect ratio. Default: Adapt. Options: Adapt, Square, Portrait, Fit to Box. |
| Desktop height |
Visible only when ratio is Fit to Box. Default: 265px. |
| Mobile height |
Visible only when ratio is Fit to Box. Default: 265px. |
| Second image on hover |
Show alternate product image on hover. Default: Enabled. |
Card Heading:
| Setting |
Description |
| Size |
Default: Large. |
| Weight |
Default: Semi-Bold 600. |
| Case |
Default: Capitalize. |
| Tag |
Default: H3. |
| Font family |
Default: Body. |
| Color |
Default: Default. Options include Body. |
Price:
| Setting |
Description |
| Show price |
Default: Enabled. |
| Size |
Visible when price is shown. Default: Large. |
| Weight |
Visible when price is shown. Default: Semi-Bold 600. |
| Case |
Visible when price is shown. Default: Capitalize. |
| Font family |
Visible when price is shown. Default: Default. |
| Color |
Visible when price is shown. Default: Headings. |
Unit Price:
| Setting |
Description |
| Show unit price |
Default: Enabled. |
| Size |
Visible when unit price is shown. Default: Small. |
| Weight |
Visible when unit price is shown. Default: Normal 400. |
| Case |
Visible when unit price is shown. Default: Uppercase. |
| Font family |
Visible when unit price is shown. Default: Default. |
| Color |
Visible when unit price is shown. Default: Body. |
Vendor:
| Setting |
Description |
| Show vendor |
Default: Enabled. |
| Size |
Visible when vendor is shown. Default: Small. |
| Weight |
Visible when vendor is shown. Default: Normal 400. |
| Case |
Visible when vendor is shown. Default: Capitalize. |
| Font family |
Visible when vendor is shown. Default: Default. |
| Color |
Visible when vendor is shown. Default: Body. |
| Setting |
Description |
| Show tags |
Default: Enabled. |
| Show custom tag |
Visible when tags are shown. Default: Enabled. |
| Show sale tag |
Visible when tags are shown. Default: Enabled. |
| Show stock tag |
Visible when tags are shown. Default: Enabled. |
Card Options:
| Setting |
Description |
| Enable add to cart |
Show the ATC button on cards. Default: Enabled. |
| Text alignment desktop |
Default: Left. |
| Text alignment mobile |
Default: Left. |
Grid Settings:
| Setting |
Description |
| Desktop columns |
Number of columns. Default: 4. Range: 2–5. |
| Max products |
Total products to show. Default: 8. Range: 4–24. |
| Mobile columns |
Default: 2. Options: 1, 2. |
| Desktop grid spacing |
Gap between cards on desktop. Default: 20px. |
| Mobile grid spacing |
Gap between cards on mobile. Default: 10px. |
Slideshow Settings:
| Setting |
Description |
| Show arrows |
Display previous/next navigation arrows. Default: Enabled. |
| Arrow button style |
Visible when arrows are enabled. Default: Link style. |
| Show pagination |
Display dot indicators. Default: Enabled. |
| Auto play |
Automatically advance slides. Default: Disabled. |
| Interval |
Time between slides when auto play is on. Default: 5000ms. |
Layout Settings:
| Setting |
Description |
| Layout style |
Display products as a grid or slideshow. Default: Slideshow. |
| Container |
Default: Contained Content. |
| Container size |
Default: 100%. |
| Text alignment desktop |
Default: Center. |
| Text alignment mobile |
Default: Center. |
| Color scheme |
Default: Scheme 2. |
Inner Spacing:
| Setting |
Desktop Default |
Mobile Default |
| Top |
70px |
35px |
| Bottom |
70px |
35px |
| Left |
50px |
15px |
| Right |
50px |
15px |
Outer Spacing:
| Setting |
Desktop Default |
Mobile Default |
| Top |
0px |
0px |
| Bottom |
0px |
0px |
| Left |
0px |
0px |
| Right |
0px |
0px |