Swap Multiple Images with Configurable Swatches in Magento

ce-1.9.1.0configurable-productdropdown-attributerwd-theme

I've got a question about the new lovely feature Configurable Swatches.

I am setting up a configurable product with Colour and Size options, and I have set it up so that when a Colour is selected in the options, the Base image is changed.

I have added two images to the Configurable product, and two images for every Simple product (for each and every size), hoping that when selecting a Colour option, both images for the Configurable product would change to the two images connected with the specific Colour option.

Unfortunately this does not work, only the first image of the Simple product is displayed, and I can still see the two Configurable images in the thumbnails.

What I would like is that, when selecting a Colour option, all images are replaced by the images I have uploaded for that specific Colour option. Does anyone know if this is possible?

I should add that I am working with the new Magento CE 1.9.1 with the default RWD theme.

Best Answer

I have built this, in a modular way. Will post the code on github soon.

It triggers on a JavaScript call and fetches the images with Ajax. So it does not effect page speed or caching system.

PM me if you want the code asap. Otherwise follow me on Twitter @willemwigman to hear when I post the code.

Edit: I've put the code on github https://github.com/wigman/AjaxSwatches

Related Topic