Change variants by clicking on their thumbnail images

Topic summary

A user shared a screenshot asking how to enable variant selection by clicking thumbnail images in their Shopify store.

Proposed Solutions:

  • One participant suggested following a Shopify Community guide about adding color swatches to product pages (though the link appears corrupted in the thread)
  • Another noted this typically requires custom JavaScript coding, which varies by theme, and recommended hiring a Shopify developer
  • A third user provided an official Shopify help article link about adding images to product variants

Status: The discussion remains open with multiple approaches suggested but no confirmed implementation or resolution. The technical complexity suggests custom development may be needed depending on the store’s theme.

Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.

1 Like

@harivishwakarma
Follow below link steps for managing the product according to swatches color .
https://community.shopify.com/c/shopify-design/product-pages-add-color-swatches-to-products/td-p/616427

@Ujjaval

where is link

Hi @harivishwakarma ,

It involves mostly writing the JS script for this. As the code is different in each theme, So you might need to hire a Shopify developer for that.

Here’s the link

https://help.shopify.com/en/manual/products/product-media/add-images-variants#add-an-image-to-a-new-variant