Color Swatches not Showing up on Prestige Theme

Technical Q&A
1

Hello!

I am trying to set up color swatches on the Collection pages of my Prestige theme but only the first variant option (e.g. White Gold) shows up visually (the other options are there but you can’t see them). Also, if the first option is Yellow Gold, then it shows up but with the wrong color (white).

My variant name is “Metal” (vs. “Color”), but I verified that this issue persists either way after having made the needed changes in product-form and product-item, as well as testing with both “Metal” and “Color” as options on different products.

I have:

Created 64x64 px PNG images for each variant option (white-gold.png, yellow-gold.png, rose-gold.png, platinum.png) and uploaded them to Assets. The filenames are all lower-case in Shopify.

An example of the issue can be seen here:

https://simongjewelry.com/collections/engagement-rings

Any help is greatly appreciated!

2

Hey, @sshah1

I’m not formally trained in code to provide you with an exact solution to code in color swatch images so that they will display on your theme. However, I’m confident one of our Shopify experts would be able to accomplish this at a reasonable price.

Just wanted to share this as an option in case you are unable to find a coding solution in your thread.