Add css in your css file-
.product #variant-radios-template–20775397261603__main .js.product-form__input:last-child {display: none}
Topic summary
A Shopify store owner using the Spotlight theme needs to hide the color variant selector on specific products. While vendors require “White” as a default color for their sync settings to function, displaying this single option confuses customers who question why white is shown when items aren’t actually white.
Proposed Solutions:
-
Template + CSS approach: Create an alternate product template for affected items and use custom CSS (
variant-radios fieldset:first-child { display: none; }). However, this hides the first variant (Size in this case) rather than Color. -
Theme.liquid modification: Add custom code above
</head>in theme.liquid to target specific product URLs or hide all color variants globally. -
Direct CSS targeting: Use CSS to hide the last input field in the variant selector with a specific template ID.
Current Status:
The issue remains partially unresolved. The store owner struggles to identify the correct CSS selector for the color variant specifically (rather than size) and requests clearer guidance on which part of the variant picker controls color selection.