What would be the best approach to making the main product image change base on the attribute choosen.

For example if the customer chooses colour blue for a t-shirt the main image would be swap to the image which I have marked as the blue t-shirt

  • have your configurable product carrying all of it's child product images (color based), then you could have an bit of JS called when changing the color select, which would change the image based on its name. Aug 22, 2014 at 14:38

1 Answer 1


You can give this extension a try.
Among other things, it allows you to change the image for configurable products depending on the selected attributes.
You can configure which attributes change the image and which do not.

Read the documentation to get a better view.

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.