Hide the color variant on product pages

[Ludus]

Hi,

Is anyone able to help me out with a code to hide the color variant on product pages. I want to keep the size option but hide the color option (as colors are being displayed through product variations on Impact, I don’t want to display it twice).

Anyone able to help out with this?

[hasbi_expatify]

Hi Ludus can you give me the link to your shopify website and password if there’s any ?

[ShreyaRevize]

Hey @Ludus ,

You can add this CSS in your base.css file. This will hide your first product option that’s ‘Litur-color’.

.variant-picker__option:has([name="option1"]) {
  display: none !important;
}

Let me know if you’ve anymore questions for me, would love to help.

Cheers!
Shreya | Revize

[topnewyork]

Hi @Ludus

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file
3. 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!

[Rahul_dhiman]

Hello @Ludus
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.

.product-info__product-picker {
display: none !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[LizHoang]

Hi @Ludus

You can follow this instruction:

1. Go to Shopify > Theme > Customize

2. 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 :

[Ludus]

Thank you Shreya,

This solution worked perfectly and now my product pages look better!

Thank you so much for your help

[Ludus]

This solution does not work, but I have a code that works now

[Ludus]

This solution does not work, but I have a code that works now