Set separate images for each variant

Attach separate images to each variant so that when a customer chooses a color, they see that color's image. A variant without its own image shows the product's images.

Attach an image to a variant

The product needs variants first. See Create variants by size and color.

  1. Go to Products and click the product name.
  2. In the Variants card, click the image box at the start of the variant’s row.
  3. Click Upload to upload a new image, or tick an image under Select from library and click Select files.
  4. Click Save.

Attach the same image to several variants

For example, every size of the Red color uses the same red shirt image.

  1. In the variants table, tick the rows you want to attach the image to.
  2. Click Bulk edit and choose Add images.
  3. Click Choose images and choose an image.
  4. Click Apply.
  5. Click Save.

To remove a variant’s own image, tick the rows, click Bulk edit, choose Remove images, then click Apply and Save. Those variants show the product’s images again.

See what customers see

On the product page, when a customer chooses a variant that has its own image, the image frame only shows that variant’s image. The product’s images aren’t mixed in.

What did you think about this content?

Your answer is used to improve the help center, per our Privacy Policy.