Hi, Just wondered if anyone can help me out as I am struggling to find a way to edit the code on my dawn theme 15.0 so that the different colour variants are assigned to different product images, so that if the customer clicks on the orange colour, the orange product will appear on screen instead. …

I downloaded a new dawn theme just to see what the default settings are. Most of what I showed you can be done without any code. The part that will require code (as far as I know) is showing the main photo first by default. So I did notice if you use the same photos for your variants and your featur…

Refresh is not working when we select different colour or variant.

@kpsclothing I tried it on the trade theme and it did work. Will check on this

@kpsclothing I tried on the trade theme i believe it will also work on the dawn theme as well. This is my development store url: https://4vu8miskjypbr79k-57171247244.shopifypreview.com/ Password is: reafur Things are updating quite good, if you feel product images are not looking good well that i…

this variant product picture looks good. kindly share the code so we can check it out.

@kpsclothing I did share the code and I am using the same obviously. Works fine here. Did you check the functionality? I mean the images are changing on selection of variant both on desktop and mobile as well. My store is using the trade theme now.

@kpsclothing try it on yours now and let me know if everything works well. You can email me for further customizations if required or regarding any web developer projects in future Email Me Buy me Coffee if you feel i was able to help and i deserve it. Thanks anyways

[in mobile view we see whole collection when swiped, please show only selected variant images] [First image is still active on thumbnail view] [can we have code for variant swatch show product image as swatch] [Screenshot 2024-07-08 at 11-29-13 Double Mercerized Combed Cotton Pique Solid Regu…

@kpsclothing except for the last one of showing images in variant swatches does my development store has all the functionality you are asking for. So on selection only the selected color products are shown even when sliding only the selected color products are shown. Are you using thumbnail layou…

yes, we are using thumbnail layout on both desktop and mobile

How do I assign colour variant to product image for that specific colour on dawn theme 15.0 - code

Shopify Discussion

kpsclothing July 8, 2024, 5:39am 49

All functionality is working fine.

Topic		Replies	Views
Variant based image switching Technical Q&A shopify-themes	5	164	June 22, 2026
onVariantChange class is not there in Shopify Dawn 15.0.0. Shopify Discussion troubleshooting , shop-performance	14	265	August 19, 2024
Colors variants on product page. Dawn 15 Store Design design , customizations , product-page	0	176	July 29, 2024
Show Featured Product Image Instead Of Selected Variant Image, Dawn Theme, V12.0.0 Store Design design , customizations , shopify-themes	4	119	December 26, 2023
Color swatches change all images Store Design liquid , design , customizations , css , shopify-themes , html , product-page	11	762	April 7, 2026

How do I assign colour variant to product image for that specific colour on dawn theme 15.0 - code

Related topics