Bundle Product
Overview
Displays a curated product list alongside a banner image in a two-column layout, with a single add-to-cart button to add the entire bundle at once. Includes a section header, per-row typography controls for each product in the list, and separate bundle summary settings. Media position is configurable. Cannot be used in header, footer, or overlay groups. No blocks.
Product & Image:
| Setting |
Description |
| Products |
Product list picker for the bundle. Up to 20 products. |
| Banner image |
Image shown alongside the product list. |
Tagline:
| Setting |
Description |
| Tagline text |
Default: Add a tagline. |
| Size |
Default: Large. |
| Weight |
Default: Normal 400. |
| Case |
Default: Uppercase. |
| Font family |
Default: Default. |
| Color |
Default: Headings. |
Heading:
| Setting |
Description |
| Heading text |
Default: Talk about your brand. |
| Size |
Default: H3. |
| 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 |
| Bottom margin desktop |
Default: 46px. |
| Bottom margin mobile |
Default: 15px. |
Row Settings
Typography applied to each product row in the list.
Product Name:
| Setting |
Description |
| Size |
Default: Large. |
| Weight |
Default: Semi-Bold 600. |
| Case |
Default: None. |
| Tag |
Default: H3. |
| Font family |
Default: Body. |
| Color |
Default: Default. Options include Body. |
Vendor:
| Setting |
Description |
| Size |
Default: Small. |
| Weight |
Default: Normal 400. |
| Case |
Default: Capitalize. |
| Font family |
Default: Default. |
| Color |
Default: Default. Options include Headings. |
Price:
| Setting |
Description |
| Size |
Default: Large. |
| Weight |
Default: Semi-Bold 600. |
| Case |
Default: None. |
| Font family |
Default: Default. |
| Color |
Default: Default. Options include Headings. |
Unit Price:
| Setting |
Description |
| Size |
Default: Small. |
| Weight |
Default: Normal 400. |
| Case |
Default: Capitalize. |
| Font family |
Default: Default. |
| Color |
Default: Body. |
Bundle Settings
Typography and button for the bundle summary and add-to-cart action.
| Setting |
Description |
| Heading size |
Default: Large. |
| Heading weight |
Default: Normal 400. |
| Heading case |
Default: None. |
| Heading font family |
Default: Default. Options include Body. |
| Heading color |
Default: Default. Options include Body. |
| Button label |
Default: Add Package to Cart. |
| Button style |
Default: Primary. |
| Button case |
Default: Capitalize. |
Layout Settings:
| Setting |
Description |
| Media position |
Controls whether the image appears left or right of the product list. Default: Media Second (image on right). |
| Grid spacing desktop |
Gap between image and product list columns. Default: 42px. |
| Grid spacing mobile |
Default: 20px. |
| Container |
Default: Container Fluid. |
| Container size |
Default: 100%. |
| Text alignment desktop |
Default: Left. |
| Text alignment mobile |
Default: Left. |
| Color scheme |
Default: Scheme 3. |
Inner Spacing:
| Setting |
Desktop Default |
Mobile Default |
| Top |
70px |
35px |
| Bottom |
70px |
35px |
| Left |
50px |
20px |
| Right |
50px |
20px |
Outer Spacing:
| Setting |
Desktop Default |
Mobile Default |
| Top |
0px |
0px |
| Bottom |
0px |
0px |
| Left |
0px |
0px |
| Right |
0px |
0px |