Where to find it
In Online Store → Themes, open the unpublished theme editor, choose a compatible template, then Add section → Bundle. Availability follows the selected template and section group.
This section is not available in the Header group, the Overlay group.
Set it up
- Create and publish the products in Shopify first, then add one Product block for each bundle component.
- Choose Bundle type: Fixed set for the configured selection, or Build your own for customer choices.
- Set Quantity in bundle and Selected by default in each Product block. For a build-your-own set, review Minimum products and Show select all.
- Choose Image + products or Product grid, supply the optional scene image and adjust the product columns.
- Review actual variants, stock, quantities and the shared add-to-cart action in an unpublished preview before using the offer.
Main settings to review
| Setting | Choices or control |
|---|---|
| Bundle type | Fixed set · Build your own |
| Minimum products | 1–6; step 1 |
| Layout | Image + products · Product grid |
| Image | Choose an image |
| Mobile product layout | Stack · Horizontal scroll |
| Button label | Text |
Blocks and content
This section allows up to 8 direct blocks. Nested blocks have their own parent-specific choices and limits.
- Product: configure this inside the section. Its available controls are listed below.
Content and media
- Use a scene showing the actual set; gift sets can include their real packaging. Product card media comes from the selected products.
- Configure any real price reduction in Shopify separately. This presentation does not create a Shopify discount or a new bundle inventory product.
Check the mobile layout
- Choose Stack or Horizontal scroll for product cards. Check the selection controls, quantity information and shared button without horizontal page overflow.
Common questions and fixes
- The shared button cannot add the set: check the required selection count, available variants and inventory.
- The total differs from a promotional claim: verify product prices, quantities and the actual Shopify discount setup.
Full control reference
Names, choices, ranges and defaults below are read from this version of the theme. Defaults are starting examples, not promises about your business. Some controls appear only for the matching layout. Block contents and preset starting values can differ from the base defaults.
All section controls (38)
| Setting | Control or choices | Default and guidance |
|---|---|---|
| Width / Section width | Page width · Full width · Custom width | Default: Page width. |
| Width / Custom width | 50–100 %; step 5 | Default: 80. Percentage of screen width. This control appears only when the relevant layout or related option is selected. |
| Introduction / Text above heading | Text | Default: BETTER TOGETHER. |
| Introduction / Heading | Formatted inline text | Default: Build your bundle. |
| Introduction / Text | Formatted text | Default: Choose a considered set of products that work beautifully together.. |
| Introduction / Alignment | Left / Center / Right | Default: left. |
| Introduction / Image label | Text | Default: Curated set. |
| Introduction / Note below button | Formatted text | Default: Any eligible automatic discount is applied in the cart.. |
| Bundle behavior / Bundle type | Fixed set · Build your own | Default: Build your own. |
| Bundle behavior / Minimum products | 1–6; step 1 | Default: 2. This control appears only when the relevant layout or related option is selected. |
| Bundle behavior / Show select all | On / Off | Default: On. This control appears only when the relevant layout or related option is selected. |
| Bundle behavior / Button label | Text | Default: Add bundle to cart. |
| Layout / Layout | Image + products · Product grid | Default: Image + products. |
| Layout / Image | Choose an image | Default: Not set. This control appears only when the relevant layout or related option is selected. |
| Layout / Image alt text | Text | Default: Not set. This control appears only when the relevant layout or related option is selected. |
| Layout / Image position | Left · Right | Default: Left. This control appears only when the relevant layout or related option is selected. |
| Layout / Image display position | Left · Center · Right | Default: Center. This control appears only when the relevant layout or related option is selected. |
| Layout / Product columns on desktop | 2–4; step 1 | Default: 4. This control appears only when the relevant layout or related option is selected. |
| Layout / Desktop gap | 0–48 px; step 4 | Default: 16. |
| Layout / Mobile gap | 0–32 px; step 2 | Default: 12. |
| Layout / Mobile product layout | Stack · Horizontal scroll | Default: Horizontal scroll. |
| Layout / Mobile product width | 64–92 %; step 2 | Default: 78. This control appears only when the relevant layout or related option is selected. |
| Product cards / Product image ratio | Square · Portrait (4:5) · Landscape (16:9) | Default: Square. |
| Product cards / Show vendor | On / Off | Default: Off. |
| Product cards / Show sale badge | On / Off | Default: On. |
| Media / Section background image | Choose an image | Default: Not set. |
| Media / Section background position | Image focal point · Top · Center · Bottom | Default: Image focal point. This control appears only when the relevant layout or related option is selected. |
| Media / Section background behavior | Scroll with section · Fixed to viewport | Default: Scroll with section. This control appears only when the relevant layout or related option is selected. |
| Media / Section background overlay | 0–80 %; step 5 | Default: 0. This control appears only when the relevant layout or related option is selected. |
| Style / Color scheme | Choose a color scheme | Default: background. |
| Style / Corner radius | 0–32 px; step 2 | Default: 8. |
| Style / Top padding | 0–160 px; step 4 | Default: 64. |
| Style / Bottom padding | 0–160 px; step 4 | Default: 64. |
| Style / Mobile padding top | 0–120 px; step 4 | Default: 40. |
| Style / Mobile padding bottom | 0–120 px; step 4 | Default: 40. |
| Advanced / Hide on desktop | On / Off | Default: Off. This control appears only when the relevant layout or related option is selected. |
| Advanced / Hide on mobile | On / Off | Default: Off. This control appears only when the relevant layout or related option is selected. |
| Advanced / Section anchor | Text | Default: Not set. Optional. Use a unique name for links that jump to this section. |
Product block controls (3)
| Setting | Control or choices | Default and guidance |
|---|---|---|
| Product | Choose a product | Default: Not set. |
| Selected by default | On / Off | Default: On. This control appears only when the relevant layout or related option is selected. |
| Quantity in bundle | 1–5; step 1 | Default: 1. |