Xtra Theme - Brown Colour Shows as Red on Product Page Despite Correct Metafield Setting

[Zain145]

Hi everyone,

I'm using the Xtra Theme on my Shopify store and have added a colour swatch option using metafields. I set the colour "Brown" with the correct hex code (#A52A2A) in the product metafield, and in the swatch settings.

However, when I select Brown on the product page, it displays as red instead of brown. The swatch metafield still holds the correct hex code, so I'm not sure what's going wrong.

Here’s what I’ve checked:

• Metafield value is correctly set to Brown:#A52A2A

• Swatch renders the right colour in the backend

• But on the live product page, it appears red

Has anyone experienced this with the Xtra Theme or know how to fix this issue?

 In meta field :

Product page view

[tim]

Share a link to the page in question -- hard to tell otherwise.

[Zain145]

https://whiteburaq.com/products/blain-mocha-suede-bomber-jacket
hy there thank you for your response see their in product page link why the brown color swatch showing red color in circle > 
even i choose the right color code in meta field