Rebuilt pack layouts for Mix & Match bundles

Single-product Mix & Match bundles let a shopper fill a pack from one product's variants. The three layouts that present those packs have all been rebuilt around the same idea: show what each pack size earns before the shopper picks anything, and keep the running count in reach as they scroll.

Top bar

• Packs sit in a compact carousel that keeps your products in view rather than pushing them below the fold.
• Each pack shows its free gift or free shipping up front, before a shopper has chosen anything.
• The pick count follows the shopper down the page.
• When a pack is full, pressing + offers the next size up instead of doing nothing.

Side bar

• The pack row now fits any number of boxes, rather than breaking once you add a fourth or fifth.
• Gift and free-shipping labels sit on the pack cards themselves.
• A perks panel stays open beside the product grid, and teases the nearest pack that carries a reward when the current one has none.
• Choosing a smaller pack warns what would be lost before anything changes.

Table

• Each pack's discount, free gift and free shipping appear as tabs above the list, with a progress bar as the pack fills.
• Shoppers can type quantities directly instead of tapping a stepper repeatedly.
• A full pack offers the next size up.
• A floating bar keeps the count and Add to cart within reach on long lists, and a side panel lists everything picked so far.

What you need to do

Nothing — existing bundles pick up the rebuilt layouts. If you had added custom CSS to patch the old pack row or the old perks panel, check those rules still do what you intended.

Availability

Mix & Match bundles are on the Growth plan ($14/month as of October 2026). Choose the layout in the bundle's layout settings and check it in the live preview before publishing.

Setup guide: How to create a Mix & Match Single Product bundle