Bundles

A build-your-own-bundle section. Shoppers pick products from one or more tabs, watch a progress bar fill toward discount tiers, and add the whole bundle to the cart in one click.

Good for

• Build-your-own boxes, such as pick any six snacks
• Buy more, save more offers with two or three discount tiers
• Complete-the-set bundles drawn from several collections

Make the bundle discount apply at checkout

1. The discount tiers in the bundle summary change only what shoppers see in the section. They don't lower prices on their own. Products are added to the cart as normal items at full price.
2. In your Shopify admin, go to Discounts → Create discount and choose an automatic Amount off products discount.
3. Set it to apply to the same collections or products that appear in your bundle tabs.
4. Under Minimum purchase requirements, match your first tier. Use Minimum quantity of items if Calculate discount by is Item quantity, or Minimum purchase amount if it's Item purchase amount. Use the same percentage.
5. Create one discount for each tier. Remember that tiers add up: if tier 1 needs 3 products and tier 2 adds 2, the tier 2 discount needs a minimum of 5.
6. Add a bundle to your cart and go to checkout to check that the discount applies.

How to add the section

1. From your Shopify admin, go to Online Store → Themes and click Customize on Sublime.
2. Open the page you want to edit from the dropdown at the top of the editor.
3. In the left sidebar, click Add section.
4. Search for Bundles and select it.
5. Drag it into position, adjust the settings below, and click Save.

Section settings

Content

Promo banner

Layout

Appearance

Spacing

Top and bottom spacing for desktop, with optional separate values for mobile. These are the same controls on every section. See Settings every section shares.

Blocks

Blocks are the individual pieces inside the section. In the sidebar, click Add block under the section to add one, and drag blocks to reorder them. The order in the sidebar is the order on the page.

Bundle item block

Product

Rules

Tab

Bundle summary (locked) block

Content

Tier 1

Tier 2–3

Each of the 2 tiers has the same settings, set separately for each one.

Tips

• Say the rules in the heading. "Pick any 3, save 10%" tells shoppers what to do before they start.
• Space the tiers out. A small step to tier 1 gets shoppers started, and a bigger step to the last tier rewards larger baskets.
• Use minimums to require a mix. Setting a minimum on each tab makes shoppers pick something from every group.
• Banner image size: about 2880 x 1280px on desktop. It's cropped to the banner height unless you choose Adapt to image.

Troubleshooting

The discount doesn't apply at checkout

The section only shows the discount. Create a matching automatic discount in your Shopify admin, as described above.

Add bundle to cart is disabled

Every tab has a Minimum products required. The button turns on once each tab's minimum is met.

The tab bar isn't showing

Tabs only appear once there are two or more bundle item blocks. The section holds up to five.

A tier isn't on the progress bar

A tier only shows when both its threshold and its Discount % are above zero, and tiers 2 and 3 need their Enable tier checkbox on.