Color Swatch are not showing on Kalles Theme

[XeM0]

Hi, I have added the color swatches but they are not showing. I think i need to add image variant instead of color but how? so need help regarding coding.

check here: No color is showing

[VisualP]

Hi friend

Sure, I’d be happy to help you with your coding question! To clarify, it seems that you have added color swatches to your code, but they are not displaying properly. You suspect that you may need to use image variants instead of colors. Could you provide some additional context or share the relevant code snippet so that I can better understand the issue and assist you more effectively?

Can you please share with me your store URL to check through ?

[XeM0]

Yes here is the link to the store:

https://shop.starco.pk

also I haven’t used any coding. It’s just theme build in. Right now I have replaced the swatches with actual images (also a build in) but I have to display actual colors.

[VisualP]

Ok Thanks for your response

Can You spare me few minutes to go through website and get back to you shortly?

[XeM0]

Yes please take your time. Thanks

[VisualP]

Check this and get back to me please!


[XeM0]

Yes I do.

[VisualP]

ok good can you share with me your details there I can have the chance express myself and help you with the color swatch successfully?

Thanks

[fabigala]

Hi, unfortunately I have the same problem … how did you solve it?

[JessSilva]

Hi,

I have the same problem, did you fix it?

[paultorniado]

Here’s the solution

1. Add color first, Theme sections (Swatch, Label submenu) save
2. Theme settings > Custom CSS, JS
   Enable Colors CSS and save
3. Edit code colors.css (Light blue for example)
   .bg_color_light-blue {background-color:#9BBDD6;} save