How to create and lay out a product bundle

A Product bundle offer in Bundlex Bundles shows the main product and its bundle products as a set. Use it for combinations such as a face cream and serum. For quantity discounts on one product, use a Quantity break offer.

For an end-to-end example with products, prices and cart checks, follow Buy one product or the complete bundle. Use this page to choose how the set is laid out.

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, then find Bundle layout below the product rows. Choose Stacked, Compact, Grid or Gallery.
5. Save your changes. Activate the deal if it is a Draft, then 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 Style > Widget style > Variant label.

Grid and Gallery need the wider offer layout

If the overall widget layout is set to Grid, the offer blocks are too narrow for the wider bundle layouts. In that case Grid and Gallery are left out and only Stacked and Compact can be picked, with a note reading "Grid and Gallery show when the widget layout is Stacked." Open Style and switch the widget layout to Stacked if you want all four product-layout options.

Desktop and mobile columns

The column fields only appear when the layout is set to Grid. Columns (desktop) and Columns (mobile) each accept a value from 1 to 6. 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. Start with two columns on desktop and one on mobile for a two-product set, then check your actual product titles and variant controls.

What to show on each product card

Below Bundle layout, you can also control these options:

• Show quantity badge on bundle products: display the included quantity.
• Show item prices: display the individual product prices.
• Link products to their pages: let shoppers open the product pages.
• Show bundle products only when this offer is selected: reveal the product cards only for the selected offer.

Changing these display options does not change which products are required or how the bundle is priced. Check both selected and unselected offers on desktop and mobile after saving.

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.