A new List layout for Mix & Match Shopify bundles
One row per item instead of a grid of cards, each with its own Add to Cart button that turns into a stepper, capped by stock and by the room left in the pack.
Table of contents
Mix & Match bundles have a new Layout Display option alongside the Grid. The List layout puts each item on its own row, which reads better when the shopper is comparing prices and stock rather than looking at pictures.
Single-product bundles
For a bundle built from one product's variants, each variant gets a row: image, name, stock, and price with the compare-at price struck through. Every row has its own Add to Cart button, which becomes a quantity stepper once a shopper adds one, capped by stock and by the room left in the pack.
A running total sits under the list, showing how many items are in the pack and what it comes to, with the undiscounted subtotal struck through when a discount applies. Out-of-stock variants are greyed out with the button disabled, and a full pack offers the next size up.
Multi-product bundles
For a bundle built from several products, the list shows one row per product rather than one per variant.
- A product with options shows its image, name, how many options it has, and a FROM price taken from the cheapest option after the discount.
- See options opens the same options pop-up the Grid uses. Once something is added, the row carries a badge with how many of that product are in the pack.
- Products with a single option or none behave like the single-product list: an Add to Cart button and a stepper.
- Rows grey out when every option is sold out.
- The foot of the panel keeps the pack count and total up to date as shoppers add, swap or remove items.
What you can style
The customizer covers the Add to Cart button's text, colour, border and radius, separate image sizes for desktop and mobile, and switches to hide the pack heading, stock, price or images. For multi-product bundles it adds the See options button text and background, the count badge colour and the From label, plus a section that stages the options pop-up in the preview so you can style it without leaving the editor.
How to switch to it
- Open or create a Mix & Match bundle.
- In Layout Display, choose List instead of Grid.
- Style the rows in the customizer, checking the desktop and mobile views.
- Save and publish.
Availability
Mix & Match bundles are on the Growth plan ($14/month as of October 2026), on both Single Product and Multi Product bundles.
Setup guide: How to create a Mix & Match Single Product bundle
Reviewed for accuracy
This article was reviewed by the PushBundle Technical Support Team, who regularly helps Shopify merchants test bundle setup, product selection rules, bundle pricing, cart behavior, and checkout-related bundle issues.
About the author
Touhid Islam
PushBundle Contributor
