The customer builds their own bundle by selecting products or variants for each slot, with progressive pricing.
Mix & Match Bundle
The Mix & Match bundle is the most flexible type: the customer builds their own bundle by choosing the variant or product for each slot. The price decreases based on the selected quantity.
Principle
Mix & Match is an extension of the quantity bundle. Instead of buying X of the same product (same variant), the customer customizes each unit:
| Tier | Quantity | Customer's choice | Discount |
|---|---|---|---|
| 2x | 2 units | Variant A + Variant B | -10% |
| 3x | 3 units | Variant A + B + C | -15% |
| 5x | 5 units | 5 variants of choice | -20% |
For example with socks: the customer chooses 3 pairs in different colors and gets -15%.
Activation
In the Quantity Bundle block settings:
- Configure the tiers (quantity + discount)
- Enable the "Enable Mix & Match" checkbox
- Choose the selector type
Selector types
| Setting | Options | Default |
|---|---|---|
| Selector type | Dropdown / Button / Swatch / Image | Dropdown |
Dropdown
Classic dropdown menu. Each unit has a <select> with all available variants.
Ideal for: products with many variants, long text.
Button
Horizontally aligned text buttons. The button text corresponds to the variant name.
Ideal for: sizes (S, M, L, XL), quantities, short options.
Swatch
Color circles. The color is extracted from the variant name or a metafield.
| Setting | Options | Default |
|---|---|---|
| Color source | Files (files in Shopify) / Metafield | Files |
Ideal for: colors, patterns.
Image
Variant image thumbnails. The customer sees each option visually.
Ideal for: products where each variant has a distinct visual appearance.
Selector layout
| Setting | Options | Default |
|---|---|---|
| Selector layout | Separate / Combined | Separate |
Separate
Each unit has its own independent selector. The customer clearly sees:
- Unit 1: [Selector]
- Unit 2: [Selector]
- Unit 3: [Selector]
Combined
A single grouped selector for all units. More compact but less explicit.
Full configuration
Mix & Match inherits all quantity bundle settings:
Tiers
- Up to 4 tiers (quantity + discount + label)
- Optional tier 4
Layout
- Vertical / Horizontal / Grid
- Tier style: Default / Compact
- Selection style: Background / Border / Checkbox
- Mobile layout: Auto / Keep horizontal / Force vertical
Display
- Product image
- Unit price
- Savings (%)
Badges
- Up to 2 customizable badges
- Styles: Solid / Outline / Pill
Extensions
- Progressive gifts
- Subscription
See Quantity Bundle for details on each setting.
Technical operation
When the customer validates a Mix & Match tier, each unit is added to the cart as a distinct line item with line item properties:
_bundle_id: "mix-match-1234"
_bundle_name: "Pack 3x"
_bundle_discount: "15"
_bundle_unit: "1" (or 2, 3...)These properties allow identifying items as part of a bundle in the cart.
Use cases
Socks (color choice)
- Tier 1: 1 pair (0%)
- Tier 2: 3 pairs (-15%) -- badge "Most popular"
- Tier 3: 5 pairs (-25%) -- badge "Best value"
- Selector: Swatch (colors)
- Selector layout: Separate
Dietary supplements (flavor choice)
- Tier 1: 1 box
- Tier 2: 2 boxes (-10%)
- Tier 3: 3 boxes (-15%)
- Selector: Dropdown (long flavor names)
Jewelry (size choice)
- Tier 1: 1 bracelet
- Tier 2: 2 bracelets (-10%)
- Tier 3: 3 bracelets (-20%)
- Selector: Button (S, M, L)