Set up variant pickers and swatches on a bundle

The bundle shows its own variant pickers inside each offer. Settings → Variants controls how they behave. Selector type controls how they look: dropdowns or custom swatches. If you don't see these settings, tick Variant selectors under More settings on an offer.

Change how pickers behave

1. In Shopify admin, open Apps → Section Store → Bundles.
2. Open the bundle.
3. Open Settings, then Variants.
4. Under Variant choice, pick one:
   • Each item, the first pick fills the rest: the default. Each unit gets a picker, and the first pick fills the others while they match.
   • Each item on its own: every picker stays on its own.
   • One choice for all items: one picker for all units.
5. Change the switches:
   • Show item numbers (#1, #2): on by default. One choice for all items hides it.
   • Show variant selection for single quantity deal bar: on by default.
   • Hide unavailable variant options: off by default.
6. Click Save. On a live bundle, this updates your store at once.

Change how pickers look

1. Open the Style tab, then Fine-tune styling, then Product Variant Selector.
2. Set Selector type: Default, Variant dropdowns or Custom swatches.
3. Change the width, spacing and colors for that type.
4. Set Variant label: One line for all pickers, A label on each picker or No label.
5. Click Save.

Show a photo on each row

1. Open the Style tab, then Fine-tune styling, then Product Variant Selector.
2. Turn on Show row photo. The chosen variant's photo shows at the start of each row.
3. Click Save.

This also turns off Show item numbers (#1, #2), because the photo marks each row. To show both, turn the numbers back on under Settings → Variants on the Setup tab. Turn the photo off before you save and the numbers come back.

Mix & Match offers and Checkbox upsells don't show the photo.

Add swatches

1. On the Setup tab, open Settings, then Variants.
2. Click Add swatches, or Edit swatches if you have some.
3. Click Import missing swatches and pick a product. We read its option names and values.
4. Under Presets, pick a style, such as Pill button, Circular swatch or Swatch dropdown.
5. Set a Swatch color or Choose image for each value. Without an image, we use the matching variant image, then the product image.
6. Click Apply, then Save.

Hide pickers on one offer

1. On the offer, open More settings.
2. Untick Variant selectors.
3. Click Save.

Every unit now uses the variant picked in your theme's own picker.

Related

• Can shoppers pick a different color for each item in an offer?
• Why do my bundle variant pickers change together or show sold out options?

Also searched as: variant picker, variant selector, swatches, color swatches, colour swatches, size picker, variant dropdown, pill button, circular swatch, swatch dropdown, import missing swatches, swatch image, hide variant picker, custom swatches, varient picker