A user’s product variant color swatches are displaying as grey instead of showing the actual colors, though clicking them correctly changes the product image.
Root Cause:
The variant option names include additional text (e.g., “Black for Type C” and “Pink for Type C”) that prevents the theme from recognizing and displaying the colors automatically.
Solution Provided:
Simplify the variant option names by removing the extra descriptors:
Note: The theme has no additional settings to configure color swatches manually; proper naming is the only method to enable automatic color display.
One of my product is not showing the different variant colors in the color swatches.
When I click the swatches, the product color is changing but the color swatches/buttons themselves are grey.
Can anyone help me out in this .
screenshot is attached
store URL: zizerstore.com
Hello @hunainkhan ,
You need to define the color for the variant option Black for Type C, Pink for Type C, Black for iPhone and Pink for iPhone.
You can find the instructions in theme documentation.
Thanks
I am not aware of theme documentation never heard of it . Where can i find this setting ?
Then simply change
Black for Type C to Black
Pink for Type C to Pink
Same for other 2 color options.
Note: there is no settings available for it.
