A while ago I used this shopify guide to Select product variants by clicking their images. it worked very good, recently I noticed it stopped working, I tried to copy the code like the guide says and still not working. I'm using the same theme.

I see your point, but it may work exactly the reverse way. For example., if i see the green image and I click 'add to cart', the customer may expect the green one to be added. It seems it is an extra work to go back to the drop down to select the green again. Most of Amazon selection seems to work by clicking on the image only.

Ideally, there should be two sets of images. One set for product details, another for variant selection. See an example here (no affiliation, just came across as an example) :

Thank you for your quick reply. Also, thanks for pointing to the color swatch option. That may be applicable for those who are showing only one image for the product per color.

I have some basic images that provide some more info. about the product itself and then I have some colors to offer.

Take a look at this link. It also changes the main product images (on the left) when you click on the color option images. This would be an ideal situation for my requirement. I understand this requires lot of combinations of the images, but that is what makes it a good store.

I tried little closely on this link, and it seems the color options are actually different products because as you click on each the page reloads. But it is a clever trick to offer (related) products as color swatches.

There would be ways of achieving this kind of effect in Shopify. Either using Ajax/JQuery to dynamically update the page layout or using multipe product pages, like you say. But it would most likely require some advanced custom development.

A while ago I used this shopify guide to Select product variants by clicking their images. it worked very good, recently I noticed it stopped working, I tried to copy the code like the guide says and still not working. I'm using the same theme.