How to set up a product bundle

The Product bundle section shows a fixed set of products beside one image, and adds them all to the cart with a single button. Turn on Pricing and it also shows the bundle total and how much the customer saves.

Video walkthrough: create a product bundle with Helix.

Helix only displays the total and the savings. The real discount is applied by a native Shopify automatic discount that you create separately. The block settings must mirror that discount exactly, or the total will not match the checkout total.

The Product bundle pairs with an Amount off products automatic discount, scoped to the products in the bundle. This guide walks through one worked example: 10% off when a customer buys all three products in the bundle. An Amount off order discount works too, but it comes off the whole cart — so a customer carrying anything else saves more than this section advertises.

---

Step 1 — Create the Shopify discount

In Shopify admin, go to Discounts → Create discount and choose Amount off products, then set the Method to Automatic. For our example, enter:

• Discount value — 10% off

• Applies to — the three products in the bundle, or a collection that holds exactly those products

• Minimum requirement — Minimum quantity of items → 3

Save it, and note the values — you re-enter them in the theme so the total matches.

Creating a 10%-off automatic discount in Shopify admin

A Shopify automatic discount applies to any cart that meets its conditions, not only carts filled from this section. To keep the saving exclusive to this bundle, point Applies to at a collection that contains nothing else.

---

Step 2 — Add the products to the section

Add the Product bundle section, then add one Product block per item and pick the product for each. These are the products the Add all to cart button adds in one go.

Keep this list and the discount's Applies to in sync — a product here that the discount does not cover inflates the advertised saving.

Adding a Product block per item in the section

---

Step 3 — Match the discount in the Product list block

Open the Product list block → Pricing, and enter the same numbers as the discount above:

• Show total — On

• Show discount — On

• Discount method — Percentage

• Discount percentage — 10

Each setting reveals the next, so work down the list in order.

Matching the discount in the Pricing settings

For a money-off discount instead, set Discount method to Fixed amount and enter the amount in Discount value — 10 means 10 of your store's default currency, not 10%. Helix converts it for customers browsing in another currency, and never advertises a saving larger than the bundle total.

The total leaves out any row whose selected variant is sold out, and any subscription-only product — those cannot go through the one-click bulk add, so they are not advertised in the price either.

---

Result

On the storefront, the section lists the three products with their prices. Below them the total row shows the price after the 10% discount, with a Save $x.xx pill beside it. Both update live as customers switch variants.

Storefront product bundle showing the discounted total and saving

When the bundle is added to the cart, the Shopify automatic discount applies the real 10% — matching the previewed saving exactly.

Cart showing the same 10% discount applied

The Pricing settings only preview the price inside the section. The actual saving is always applied by the Shopify automatic discount at checkout.

To set the layout, image position, product card styling, and the hotspots on the image, see Product bundle.

---

Need help?

Whether you have a question, run into an issue, or just need some guidance, our support team is here to help.

Chat with us Submit a ticket