What shoppers see in a Mix & Match offer

A Mix & Match offer shows its products as rows joined in one rail, with a + between them. Each row has a photo, the title and the price on the right. Shoppers fill or change a row through a product picker with Select and Details.

New bundles use these rows. Older bundles keep their text link until you change the Button style.

The rows

• The current product: its row says "This product". Shoppers can't change it.
• A product they can swap: the row says "Change product". Tapping that line, the photo or the title opens the picker.
• A fixed product: with one product in the list, the row has no change line.
• An empty slot: the row says "Choose product". The line under it sells the slot, such as "Save 10% on any of 12 products". With no discount it names the choice, such as "12 products available" or "All store products".
• Product unavailable: no product in that item's list can be sold right now.

Prices on a row are per unit, with the normal price struck through when there's a discount. An item with a quantity above 1 shows the number on its photo.

The rows show when the offer is picked. Turn on Show products on every bundle deal under General styling, on the Style tab, to show them on every offer.

The product picker

The picker opens over the page. Its heading says "Choose a product", and the line under it repeats what the slot saves.

• Search products finds products by title.
• Each row shows a photo, the title, the price, Details and a Select button.
• Select puts the product in the slot at once.
• Details opens the product's own step, with its photos, price, option pickers and description. Select at the bottom picks the variant the shopper chose. The back arrow returns to the list.
• The product already in the slot says Selected.
• Sold out products don't show.
• The list loads 10 products at a time and adds more as shoppers scroll.

The picker follows your offer's corners and selected colors.

Adding to the cart

• With an empty slot, Add to cart stops. The slot turns red and the page scrolls to it. Shoppers see "Choose a product to complete your bundle."
• An empty slot counts as the current product in the offer's total, so a 3-pack never looks cheaper than a single. Turn on Show price of chosen products only under Settings → Pricing to leave it out until the shopper picks.
• The picked variant in each row goes in the cart. All items go in as one set.

Related

• Set up a Mix & Match bundle deal
• Change the Mix & Match product rows and picker
• Why are products missing from the Mix & Match picker?

Also searched as: choose product, change product, this product row, empty slot red, product rail, plus between products, select and details, details button, choose a product heading, mix and match storefront, shopper view mix and match, show price of chosen products only, offer total with empty slot, price counts empty slot, choose a product to complete your bundle, choose a product popup, details in the popup