I already add color metafields but some colors aren’t showing up
https://9pqyn50z2275ile8-65470529725.shopifypreview.com/products_preview?variant=44030825201853
Topic summary
Some product color swatches in the Motion theme fail to display even after adding color metafields. Screenshots and a preview link were provided to illustrate the issue.
Diagnosis: A responder checked the store and found the color values set in the metafields/CSS are incompatible. Example: a swatch uses background-color: shadow, which is not a valid CSS color.
Recommended fix: Replace unsupported tokens with valid color codes (e.g., hex like #000000, RGB like rgb(0,0,0), or supported CSS color names like black) in the relevant metafields or style settings so the swatches render correctly.
Status: No confirmation from the original poster yet; resolution pending.
Notes: Images are central to understanding the missing swatches, and the preview link was used to verify the incorrect color value.
Hi @raymund89
Welcome to Shopify Community.
I checked your store and found out the color code, that were defined on the color field is not compatible.
For e.g. for the first one, the color is defined as style=“background-color: shadow;” , which is not supported.
Please change those to color codes and it should resolve the issue.
Thank you
Sajat
If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
1 Like