Variant swatches

By default, customers pick a variant from a dropdown. Swatches turn that into clickable color circles or product images.

Turn swatches on

Open your bundle and stay on the Bundle Settings tab.

Find the Swatch Settings card and switch it on.

Choose the Option to display as swatches — for example Color.

Choose a Swatch Type.

Click Save.

Type	Shows as
Default dropdown	Your theme's standard variant dropdown. The default — no swatches.
Color swatch	Circles or squares of color, all visible at once.
Image swatch	Small product images, all visible at once.
Color swatch dropdown	Colors inside a dropdown. Good for many variants.
Image swatch dropdown	Images inside a dropdown.

Leaving it on Default dropdown means the swatch settings have no visible effect — pick one of the other four to actually see swatches.

The Variant Value / Swatch table lists every value of the option you chose.

For a color swatch, click the circle next to a variant value and pick its color.

For an image swatch, open the upload modal and click Choose Image to add the image for that value.

Repeat for every value. Anything left unmapped falls back to the default.

Under Settings:

Square swatches suit image swatches; circles read better for plain colors.

Two variant pickers on the page?

If your theme's own picker is now redundant, turn on Hide theme variant picker in Advanced Settings. See Variant settings.