Use variant images

Variant swatches

Update This feature was added in v3.1.0 on March 11, 2024. See our Changelog and theme update guide to learn more.

Use variant images to display as your product's swatches. Upload and select product images in your Shopify admin, and enable the option to use variant images for swatches in your theme settings.

Enable variant images as swatches

In your theme editor, go to Theme settings and open the Products tab. Under Swatches, select the Use variant images option.

Upload and select variant images

Note If you want to use images for swatches that don't appear in your product's media gallery, use custom images instead.

In your Shopify admin, go to Products to upload and select images for your variants, which will appear as product swatches.

STEPS

From your Shopify admin:

  1. Click Products and select the product you want to edit.

  2. Under Variants, click the Select image button to assign an image to each variant.

    The images will appear as variant swatches. Remember to enable swatches in your theme settings.

  3. Click Save.

After setting up variant images, customize swatch styles to change the shape, size, and image fit of all product swatches.

\

Related links Enable swatches Use default color swatches Use custom color swatches Upload custom image swatches Change swatch styles Show swatches on product cards Enable dynamic option availability

Last updated