Shopify themes, liquid, logos, and UX
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?
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
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).
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;
}
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024