Hi @Ludus
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
Result:
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Topic summary
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:
- Adding CSS to base.css targeting the first product option
- Inserting code in theme.liquid before the closing tag
- Adding CSS to theme.css to hide the product picker entirely
- Using Custom CSS in Theme settings to hide the first variant picker fieldset
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.