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…

Hi, Just wondered if anyone can help me out for trade theme 15.0 also. Kind regards, KPS Clothing

@kpsclothing do you want to show all the products or do you want to show only the product images whose color matches with the selected color variant? Is trade theme a premium theme?

we want only the product images whose color matches the selected color variant. trade theme is a free theme.

@kpsclothing I managed to accomplish that in the latest dawn theme as you can see below. Let me check if I have the trade theme available if it is I can code it on my development store or else I will need collaborator access to your store. Thanks

@kpsclothing I have it. This was kind of easy since the code base for the trade theme is same as of the latest version of dawn theme. Please tell me me the layout you are using to show your products. [Shadab_dev_0-1720171229077.png] The code i have now works for stacked and 2 columns. if you are …

@kpsclothing Sorry about this i should have cleared this before. I was talking about the layout of your product images not your variant swatches. So the images of the product you uploaded through product media. I hope you get the point Thanks

Hi Shadab, That worked perfectly! However, I didn’t realise I had to replace the code with yours. I thought I had to add it on at the bottom but then I tried replacing all of it with your code, then it worked! Thank you so much! I bought you a coffee too with your link! Thank you again for your …

[Blue.png] [Red.png] yes, we are talking about both the product layout uploaded through product media and the variant swatches.

@kpsclothing I dont think there’s any change needed to the swatches. The number of colors you have in your color variant only that much swatches will show up, it does not get duplicated. Challenge is to not show all the products on selection of a particular variant color and I am going to update th…

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

Shopify Discussion

kpsclothing July 5, 2024, 2:41pm 32

Yes, we are using thumbnails and thumbnail carousels also. Can we have a “show color option as variant image” for this theme?

Topic		Replies	Views
onVariantChange class is not there in Shopify Dawn 15.0.0. Shopify Discussion troubleshooting , shop-performance	14	213	August 19, 2024
Colors variants on product page. Dawn 15 Store Design design , customizations , product-page	0	166	July 29, 2024
Show Featured Product Image Instead Of Selected Variant Image, Dawn Theme, V12.0.0 Store Design design , customizations , shopify-themes	4	87	December 26, 2023
Color swatches change all images Store Design liquid , design , customizations , css , shopify-themes , html , product-page	11	625	April 7, 2026
Show Featured Product Image Instead of Selected Variant Image, Dawn Theme, v8.0.0 Store Design design , customizations , shopify-themes	42	819	August 5, 2024

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

Related topics