Re: Color swatches with code vs plugin (GLO Color Swatch) in Dawn Theme 14.0.0

Color swatches with code vs plugin (GLO Color Swatch) in Dawn Theme 14.0.0

veganjoyjar
Excursionist
13 1 0

I'm selling products with different colors, sizes etc and wanted a way to display a t-shirt with color swatches and dropdowns for sizes etc.

As my new store is using the Basic plan, I don't yet have access to this functionality out of the box.

 

I did some digging around and managed to find a plugin that did what I needed. However, the issue is that as the page loads, you can see the switch from Shopify default to the plugin swatches. (video attached)

 

While I don't expect anyone to answer on behalf of the plugin I'm using (GLO Color Swatch), could this be easily done via code?

 

I found a few tutorials online, but none of them appear to be with this version of Dawn - so I hit a few hurdles when trying to understand Liquid.

 

Does anyone know how to do this or have a plugin that works as it should?

 

Thanks!

Replies 4 (4)

Sonya_2025
Shopify Partner
198 26 41

Hey @veganjoyjar 

 

Pls refer this , this absolutely works well on all free themes

 

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out. EMAIL ME  
Motivate me by  PAY ME
veganjoyjar
Excursionist
13 1 0

Thanks for this, but it doesn't quite work as expected.

Where are the colours from the swatch being generated from?  

If you see the picture, they are not all the correct colours.

 

Also, how did you make the other fields dropdowns?  When I disable the plugin I had, I get the 'capsules' back.

 

Thank you so far for the help though.  It will be exciting to get this working!doesnt work.png

 

Sonya_2025
Shopify Partner
198 26 41

Try to config your colors here.

Sonya_2025_0-1716536814494.png

 

Feel free to send a DM to me if you need any further assistance.

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out. EMAIL ME  
Motivate me by  PAY ME
veganjoyjar
Excursionist
13 1 0

That is fantastic and works perfectly.  Thanks so much.

 

Are you able to share how you made the sizes a drop-down also?

 

I mean, if I change the default for the product page to drop-downs, it overwrites your code for the color swatches.