I have a configurable product that has three variations (flavours).

The configurable product has 3 different images, I labelled them vanilla, chocolate, and strawberry (same as the attribute values)

I was expecting the product image to update on the frontend when you select one of the flavours.

Isn't that what's supposed to happen?

1 Answer 1


Please check this following tutorial


  1. First, let’s create our attribute. Go to Catalog > Attribute > Manage Attributes. Add new attribute, for example color:

  2. Select Manage Label / Options tab to add your color values:

  3. Next step is to create an Attribute Set. Got to Catalog > Attribute> Manage Attribute Sets. Add new attribute set, for example color.

  4. From the Unassigned Attributes column, find our newly created attribute color and drag it to the left column:

  5. Go to System > Configuration > Configurable Swatches to enable the module. The configuration enables swatches, and determines the swatch sizes used for the product and product list pages, and layered navigation:

  6. Now we can create our Configurable Products. Go to Catalog > Manage Products and click on Add Product button. For the Attribute Set select the one that you’ve created:color. For the Product Type select Configurable Product:

  7. Select attributes in Configurable Product Settings which you wish to use for this product. Note: you will not be able to change it later:

  8. Now simply add the product information same as for simple products:

  9. Go to the Associated Products tab to add our product variants. Using Quick simple product creation option, we can add our product variants:

  10. This will create a simple product associated with our configurable product. Click to edit each variant:

  11. We need to add image(s) for each product (variant). Go to the Images tab:

  12. Do this for each product variant and then go back to the main product (configurable product). Go to the Images tab. We need to add product image(s) and also images for your color attributes (color swatch). Note: we must specify the Label. It should consist of the Attribute + “-swatch”. For example: blue-swatch:

  13. Save the product when done editing and go to your site frontend to see the changes.

  14. Swatches can be used on product pages, in product listings, and layered navigation:
  • But I don't want swatches, I simply want the product image to change when I select a value in the dropdown
    – troldog
    Mar 22, 2016 at 12:08
  • Probably you are missing the basic configuration. Enable swatches by Click System >> Configuration >> CATALOG >> Configurable Swatches. Mar 22, 2016 at 12:13

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.