Product Variation as Thumbnail rather than Dropdown

Question

I am wondering if someone has tackled having product variations as thumbnails rather than a dropdown option.

Have a look at this page: http://www.partytimerentals.com/catalog/product/basic-poly-rounds

You see that I have loads of variations for that particular table linen, but my end user has to look through a load of item options. I need a way to show them the associated swatch, and when they click load that variation. The same as now, just as I said, an image thumbnail rather than a select box.

Any direction on this would be greatly appreciated. Thanks.

Here is a mockup of what I am looking for: http://cloud.um-me.com/0f1a2p1b1T0A

Aaron

Answer 1

Once i've got the same problem and I went through this issue Here there are different solution and suggestion.

I was looking for a module who shows the color instead of text so I have chosen this module Fancy Attribute . You can create a taxonomy with a field color and add the hex code of the color, then you can use it as a variation.

Answer 2

I ended up writing a custom to module to handle this. I did a db_query to pull the attributes and thumbnails, and used jQuery to change the select menu upon clicking the image.