Hide specific variant op product page but keep it available on webshop

[mschelling]

On our product pages, we have 4 product variants (1 can, 4 cans, 12 cans, and 24 cans), but we want to hide the first one. This is so that it cannot be ordered on the specific product page, but it should remain available because this variant is needed to form a bundle with this variant (1 can) on another page.

Now, I know how to hide a variant when it's no longer available, but that’s not the issue here. If I set the 1 can variant to unavailable, this option also doesn't show up on the page with the bundle builder. It then displays a sold-out message.

Is there some kind of code I can use to 'display:none' it on the specific product pages?

[Moeed]

Hey @mschelling 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,

Moeed

[mschelling]

Hi Moeed!

Thanks in advance! And sure: https://shop.kaapsebrouwers.nl/products/kaapse-bok

I want to get rid of the first '1 can' (in Dutch: 1 blik) variant on the product page. I only want it to not to be displayed on the page, because we don't want to sell 1 can for a specific beer. But we want to keep this variant 'alive' because it needs to be active and choosable in a bundle builder (with quantity = 1).

[namphan]

Hi @mschelling,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.radios--container .radios--main:first-child {
    display: none !important;
}