How to create and lay out a product bundle

A Product bundle offer shows the main product and its bundle products as a set. Use it for combinations such as a jacket, scarf, and gloves. For quantity discounts on one product, use a Quantity break offer.

Create a product bundle

1. Open your bundle deal and go to the Offers tab.
2. Click Product bundle.
3. Configure the main product and add the required products in Bundle products.
4. Choose the pricing and a product layout: Stacked, Compact, Grid, or Gallery.
5. Save and test the complete set on a product page and in the cart.

Older instructions may refer to a Display as bundle toggle. The current editor creates product bundles through the offer-type button; there is no type switch inside an existing offer.

Required paid products affect eligibility: removing one can remove the bundle discount. See required bundle products. For shopper-selected products, see mix and match bundles.

The four layouts

Inside a Product bundle offer, choose how the product cards are arranged. The layout is set per offer, so different offers in the same bundle can use different layouts.

• Stacked is the default. Each product gets its own full row with image, title, variant picker, and price. It has no column settings.
• Compact is a tighter version of Stacked that fits the same information into less vertical space, using a smaller product image. Useful when a bundle contains many items.
• Grid arranges the cards into columns. When you choose Grid, two extra fields appear so you can set the number of columns separately for desktop and mobile.
• Gallery shows all the product images together at the top, with the titles, variant pickers, and prices listed underneath.

Compact and Gallery hide the variant labels

Both layouts read better without option names above each selector, so picking Compact or Gallery automatically turns on Hide variant labels for the bundle. Switching back to Stacked or Grid does not turn it off again, because that setting is shared across the whole bundle and you may have set it deliberately. You can always change it yourself in the widget's variant settings.

Grid and Gallery need the wider offer layout

If the bundle's own widget layout is set to Grid, the offer blocks are too narrow for the wider bundle layouts. In that case Grid and Gallery are greyed out and only Stacked and Compact can be picked, with a hint reading "Available only when the offer layout is stacked." Switch the widget layout to Stacked if you want all four options.

Desktop and mobile columns

The column fields only appear when the layout is set to Grid. Each one accepts a value from 1 to 6 and starts at 1 column on both desktop and mobile for a new offer. Setting them independently lets you show, for example, more columns on a wide desktop screen and fewer on a narrow phone screen so the cards stay readable.

Bundle products, gifts, and benefits

Bundle products are the required paid parts of the set. Free gifts and benefit bullets are separate offer features. Changing the product layout changes how the set looks; configure pricing and quantities in their own fields.