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


  • That's a whole lot of options to show a thumbnail for all of them. Could you draw up a quick image/diagram for what you're after and edit the question to add this image?
    – o_O
    Aug 21, 2012 at 1:12
  • Added a PDF link Aug 21, 2012 at 19:18
  • Ah, when I see thumbnail I think bigger. IDK why since a thumbnail is small but I always think bigger. You're thinking more like your avatar picture here. I will look into it and post something later.
    – o_O
    Aug 21, 2012 at 19:42

2 Answers 2


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.

  • 1
    The module will also work with an image instead of a hex code, so it can be used for any kind of an attribute. Oct 28, 2012 at 20:07

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.

Your Answer

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

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