A user seeks to hide the color variant selector on product pages while keeping the size option visible, as colors are already displayed through product variations in the Impact theme to avoid duplication.
Solutions Provided:
Multiple CSS-based solutions were offered:
Resolution:
The issue was resolved using CSS code that targets the first variant option ([name="option1"]) with display: none !important;. The user confirmed this solution worked perfectly and improved their product page appearance. Other suggested solutions were tested but did not work for their specific setup.
Hi @Ludus
You can follow this instruction:
Go to Shopify > Theme > Customize
Copy and paste this code on Theme settings > Custom CSS section
variant-picker.variant-picker > fieldset.variant-picker__option:nth-child(1) {
display: none !important;
}
Result :
