Images as "select-list" of Add-to-cart-form
On a site where we sell lets say ... Mugs :)
There are mugs "with ear" and "without ear".
Mugs without ear in colors : white and black
Mugs wit ear in colors : red and green
So I made one product-type "mugs"
M1 Mug without ear black
M2 Mug without ear white
M3 Mug with ear red
M4 Mug with ear green
I want to use an image to represent the color instead of the dropdown-list of the "add-to-chart-form".
What I did so far:
I add an "Image-color"-field to add a thumb of the color to the product-type.
With "term reference" I add a specific color-name to the product-type.
I made a product-display with a term reference to make a taxonomy menu with two items: "mugs with ear", "mugs without ear",
a "product reference" field to show one producta time and to be able to change the colorname in the add cart form. (like on the Commerce-Demo-site)
What I want to do is to replace the list in the "add to cart form", by the images representing the color of the mug.
So I go to the mugs "without ears" and I see a white mug, and next to the big image, I see two images of the colors white and black.
When I go to the "mugs with ears" i've got the big image of a Red mug without ear, with next to it the two images Red and Green.
When we click on the colors it's like selecting with the "select-list" of "the add to cart form", but with images.
Maybe I'm going to much in detail but I want to be shure that you know what I'm looking for.
(I tried to create a block in Views with all thumbs related to the product, but I could find the solution.)