Happening now | Office Hours: Customizing Your Theme With Moeed | Ask your questions now!

Color swatches not showing up on product page

Color swatches not showing up on product page

oihanevr
Tourist
9 0 1

I have added colors to my product with the meta option.

Scherm­afbeelding 2024-12-30 om 17.59.11.png

 

I have all the settings as they should be:

Scherm­afbeelding 2024-12-30 om 18.00.09.png

 

I also have "pill" enabled in the variant picker options

Scherm­afbeelding 2024-12-30 om 18.01.24.png

 

But still, the color swatches are not showing up. They are pills with just text.

Scherm­afbeelding 2024-12-30 om 18.02.27.png

 

I have no idea why... Also if I change the "swatch option name" to anything else, nothing happens on the product page, it still keeps saying "kleur", even if I change the swatch option name it keeps saying "kleur" (= color in dutch)

 

Can anyone help me with this?

 

 

Replies 3 (3)

shreyhweb
Shopify Partner
722 119 136

Hello,

We need to check the code of the theme for resolve this issue. 

If you want to help in urgency then please message to us we will get back to you ASAP.


Thank you

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
oihanevr
Tourist
9 0 1

Hello,

 

I did follow a youtube tutorial on how to add color swatches.
It tells you to add codes to some liquids in the theme code.
 
Before I followed this tutorial, i didn’t even have the “color swatches" settings at all, I had nothing. So small progress in getting to the desired result... But indeed maybe something in the code might still be incorrect.
 
How would you like to help with my code?

Easify-Jolie
Shopify Partner
306 11 27

Hi @oihanevr 

It sounds like you’ve set up your color swatches correctly, but there might be a minor issue causing them not to display as expected. I recommend trying Easify Product Options, a user-friendly app that allows you to create and display custom color swatches effortlessly. Plus, the color swatch feature is completely free to use. Here’s how it can help you:

  • This is the result

EasifyJolie_3-1735641139321.png

  • This is the app setting

EasifyJolie_2-1735641085198.png

 

EasifyJolie_4-1735641245122.png

I hope this answer helps you solve the problem. If you need further assistance, feel free to reach out to Easify anytime! 🤗

Easify Product Options: Any product options app can help you create custom options, but Easify turns those options into sales and conversions!
Easify Inventory Sync: Automate inventory syncing for Bundles, Duplicates, and Raw Materials. Say goodbye to manual tracking headaches.
Easify Product Attachments: Enrich your store with downloadable content. Easily add PDFs and other files to product or any page.
>>> Try Apps for Free | 24/7 Live Chat Support