Bundle builder
The Bundle builder lets customers pick products from a collection into a "rack" of slots. A meter shows the savings tiers they unlock, and one button adds the whole bundle to the cart.
Before you start
Savings are applied by Shopify, not by the theme. Create automatic discounts that match your tiers in Shopify admin > Discounts first.
How to set it up
Step 1: Add the Bundle builder section
- In the theme editor, open the page you want and click Add section under Template.
- Search for Bundle builder and select it (1).
Step 2: Choose the products and rack
- Pick the Collection (1), the products to show, the number of Slots and the Minimum items.
Step 3: Add savings tiers
- Add Savings tier blocks: from how many items, and the discount. A tier can't ask for more items than the bundle has slots.
Settings reference
Bundle builder
| Products | |
|---|---|
| Collection | A collection. |
| Products to show | Slider. |
| Rack | |
| Rack label | |
| Rack heading | |
| Hint | |
| Slots | Slider. |
| Minimum items | Slider. |
| Empty channels | Skeleton shows placeholder bars with a light sweeping across them. Options: Text, Skeleton. |
| Bundle savings | |
| Button label | |
| Small print | |
Savings tier block
| From this many items | A tier can't ask for more items than the bundle has slots. |
|---|---|
| Discount | Slider. |
Section width, corners, padding, color scheme, divider and visibility work the same in every section: see Section layout and spacing. Headings, subheadings and descriptions: see Section headings and text.
Troubleshooting
The discount doesn't apply at checkout.
The tiers only display savings. Create matching automatic discounts in Shopify admin > Discounts.