How to make color swatches appear

[bifny]

How can I make my product swatches appear in the website? Because certain swatches appear but others do not on the display screen. However if you click on the invisible space where the swatch should be, it still leads to the right image.

[TheScriptFlow_]

Hey @bifny,

Welcome to the Shopify Community.

Could you please share your store URL and password [if applicable] so that I can take a look and provide you solution code.

Looking forward to hearing back from you.

Thanks

[bifny]

Hello @TheScriptFlow_,

Thank you so much for responding. The first link below is our main site, and the second link shows one of many that shows this problem.

https://bifnewyork.com/

https://bifnewyork.com/collections/matrix/products/byc02sm-1?variant=42251429937383

Looking forward to hear back from you.

[TheScriptFlow_]

Hey @bifny,

Thanks for sharing the requested URL.

I can see the issue. And I explain it with the image. Actually the script not able to fetch the image of the variant is happen when you add the Broken image as a variant or the images not added for the variants. I show you in the second image where you can see the image is unable to load. Try to upload the image for the variant otherwise share the collabrator code in the p/m so that I update the code.

[bifny]

Hello @TheScriptFlow_,

Would you be able to be able to teach me on how to replace the current variant with the new variant? Cause the variants that I have are just the products and not the swatches, so I am a bit confused by what you mean.

I hope to hear from you soon.

[TheScriptFlow_]

I would like to assist with fixing the code. If you would like to share the collab code in the p/m then this would be great.

[Easify-Jennifer]

Hi @bifny 

If you can’t figure it out with the code or theme settings, I suggest trying the Easify Product Options app. It’s a simple way to create and display swatches properly — no coding needed, and it helps avoid issues like invisible options. Here's how it works:

• This is the result:

• This is the app setting:

Then you can apply the options to multiple products manually or based on conditions:

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