Shopify bundle with variant options per item
A Shopify bundle with variant options is a set where the shopper chooses a size, colour or product for each item before adding the whole set to the cart. In Elite Bundle Builder this is the multi-option bundle: it renders on your product page, uses your theme's own Add to cart button, and applies a flat discount at checkout.
[image: Product page with a multi-option bundle showing Shirt, Trousers and Hat options, each with size swatches, above the theme's Add to cart button]
Where it fits
- Outfits: a shirt, trousers and a hat, each in the shopper's size.
- Matching sets: a duvet cover and two pillowcases in one colour.
- Kits where every part ships: a razor handle plus a blade pack, with a handle colour choice.
- Any product set where the shopper should complete every slot.
If the shopper should instead pick how many and which products, use a build your own bundle.
How each option works
Every option is one of two modes, and you can mix them in one bundle.
Products. You pick several products and the shopper chooses one from the combined list. Add a product whole so all its variants appear, or tick only the variants you want.
Product with options. You pick exactly one product and the shopper builds a variant from its own Shopify options, colour then size. Choosing a colour narrows the sizes to the ones that exist. Combinations that do not exist or are out of stock cannot be selected.
Options can be added, deleted and dragged to reorder, and in Products mode the products themselves can be reordered. A bundle needs at least one option.
Five layouts
The Template tab offers five layouts. What each item shows stays editable in Design afterwards.
| Layout | Looks like |
|---|---|
| Stacked cards | White cards on one panel with a plus between items |
| Divided list | Catalog rows: a big image, the price in its own column |
| Numbered cards | An outlined card per item with its number and a big image |
| Tinted cards | Cards filled with a tint of your brand colour |
| Grid | Two cards per row with the image on top |
Each item has a header with its image, product title, price and compare-at price. It follows the shopper's pick, so the image and price change as they switch colour or size. Any part of the header can be turned off, for example the image for a swatch-only look.
[image: Four multi-option layouts side by side: stacked cards with plus signs, a divided list, tinted cards and a two-column grid]
Sold-out handling
Unavailable choices show as sold out and cannot be picked, or you can hide them. If every choice in an option becomes unavailable, the bundle cannot be completed until stock returns or you change the option. That protects you from selling a set you cannot ship.
The discount
A multi-option bundle is a fixed combo, so there is no quantity ladder. Its Offer tab has one switch and one value: a percentage off or a fixed amount off the bundle total. It applies at checkout through Shopify Functions whenever the bundle is added, with no code and no minimum. Tiered discounts for build your own bundles are described on the bundle discounts page.
On the product page
The selector is placed just above your theme's Add to cart button by default, through the Elite Embed Core app embed. The button stays disabled until every option is chosen. The theme's price and dynamic checkout buttons are hidden, since the bundle shows its own running total. If you want the selector somewhere else, the Publish tab adds an optional app block to your product template in one click.
[image: Editor preview for a multi-option bundle with a dashed placeholder marking where the theme's Add to cart button will be]
Design controls
- Variant display. Fetch the option names, then give each one a label, swatch or dropdown style, with an image or colour per value. A Products option appears as product choices.
- Choices. Per-item prices, hide sold-out choices, and the discount badge.
- Branding. Colours, corner rounding, button shape, swatch and thumbnail sizes, per bundle.
- Product data. A badge on the picked item's image, a line under it, a note on each product choice or above the total (
You save {saved}), filled from the preview with your own text, variables or a metafield. See product data.
The design and customize guide covers each setting.
Gift messages and other bundle add-ons
Offer, Add-ons asks for what the set needs once: a gift message, To & From, a delivery date, a recipient email, a gift box or a choice such as ribbon colour. Shoppers fill them in just above your theme's Add to cart button, and the answers go on the order with the bundle ("To: Anna"). Each one is free or charged once per bundle (a fixed amount or a product's price), shows in the total, and never gets the bundle discount. A required one that is missing stops Add to cart and points the shopper to it. The gift message guide shows the setup.
In the cart
All chosen items land as one bundle line that lists what is inside, with the bundle add-ons under it. Inventory is tracked on the real products and variants.
One-time or subscription
A multi-option bundle can also be sold on subscription. Turn on Offer subscriptions in Config, Subscriptions, and the shopper picks one-time purchase or a plan just above your theme's Add to cart button. Plans come from your subscription app, every product in the set must be in the same plan there, and a subscribed set goes to the cart as separate item lines. The subscription bundles page shows how it works, and the Shopify subscription bundles guide explains the setup.
Frequently asked questions
Can a shopper buy two of the same bundle in one click?
Not in a single action. Each add puts one of each option in the cart. To buy the set twice, the shopper adds it, then builds and adds it again.
Do I need to add an app block?
No. The app embed places the selector above the Add to cart button. The app block is optional, for custom placement.
Can I change a Label option to swatches after launch?
Yes. Open Design, Variant display, and switch the style. The layout changes in the Template tab. Preview before setting the bundle active. Full setup steps are in the multi-option bundle docs.
Set up your first multi-option bundle
Install the app free, create a multi-option bundle, add your options and set it active. The features page and pricing page cover the rest.