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

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

mschelling
Visitor
3 0 0

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?

Replies 3 (3)

Moeed
Shopify Partner
5882 1597 1899

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

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


mschelling
Visitor
3 0 0

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
Shopify Partner
1597 199 219

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;
}
Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? namphan992@gmail.com