Magento – Configurable Swatches wont change the picture on configurable product

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

if you are using ce-1.9.1.0 ee-1.14.1. or higher, the feature is already built in, with the so-called Configurable Swatches which allow "Product Image Swap".

You can enable this feature in System > Configuration > CATALOG > Configurable Swatches

Swap Images Defined by Option Label

One way to configure swap images is to upload images to a configurable product with labels exactly matching the specific option labels (for example, Royal Blue).

Here is an example of a configurable product image gallery images that contains images for three colors:

Swap Images Defined by Base Image

Another way to configure swap images is to upload base images to each child product of the configurable product.

Here is an example of a Royal Blue child product with an attached base image:

Source and full documentation: http://www.magentocommerce.com/knowledge-base/entry/ee1141-ce191-configurable-swatches