Adding color option thumbnails for Debut Theme

Highlighted
New Member
5 0 0

I want to add color options or something under each product on my products page to indicate multiple color options are available. I tried adding color Swatch but it didn't work. I'm also not sure where to place the swatch.liquid as there's no "ID" section in my product's page coding. Someone, anyone, advice 👀

0 Likes
Highlighted
Shopify Expert
2638 440 565

Hi @PetiteSwim 

If you want to add color option in  product page then you have to implement swatches on product page.

 

You can follow this link for that, let me know where you get issue.

you have to create snippet swatch.liquid like bellow and add in section->product-template.liquid.

snippet.jpg

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
5 0 0

It is in adding the the swatch.liquid snippet to the product-template.liquid that I have an issue. I do not see the area in which I place the snippet as there is no ID section on my products template page. 

0 Likes
Highlighted
Shopify Expert
2638 440 565

Hi @PetiteSwim 

You have to find {% if product.available and product.variants.size > 1 %}  in template->product.liquid or section->product-template.liquid and paste snippet like below image:

snippet.jpg

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
5 0 0

I've placed the snippet in the appropriate place and it still doesn't work 

0 Likes
Highlighted
Shopify Expert
2638 440 565

Are you getting any issue ? or send me url i will  check

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
5 0 0
Yes it isn’t working and hasn’t worked. Www.petiteswim.com
0 Likes
Highlighted
New Member
2 0 0

Hi 

0 Likes
Highlighted
Shopify Expert
2638 440 565

If you want to apply swatches on product page then you can follow this doc.

Or let me know if you need any help

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes