Method 2: Upload Swatches to Configurable Product

This method features custom swatches that are uploaded to the configurable product. Each
associated product has a product image that depicts the variation. When you click each
swatch, the corresponding product image appears.

1. An image is uploaded to each associated product that shows the product variation.

2. The Color attribute of the product variation is set to the correct color.

3. In addition to the standard product images, a complete set of the swatch images is uploaded
to the configurable product, and labeled as a swatch for each variation. In this example, the
swatches are named:

  • Royal Blue-swatch
  • Charcoal-swatch
  • Red-swatch
  • Khaki-swatch

Leave a Comment

Your email address will not be published. Required fields are marked *