Hiding all product variants for specific product

Technical Q&A
1

Hoping someone can help me with something that has me stuck for days.

I have a specific product that I am created hard-coded (using the variant ID’s) checkbox grouping selections. So I basically built my own checkbox list, and am passing the selected results to the cart.

What I am trying to do now is hide the default variant radio buttons from appearing on the product page, as they are irrelevant and redundant. I only want the user to view my custom checkbox options. I’ve tried everything I can possibly think of and nothing is working. I am sure its a very basic fix, so I am really hoping for some advice!

Here is my product → https://lionandfoxdesigns.com/collections/stationary/products/cute-cheeky-pencils?variant=32451854270519

Here is my code that is creating the custom check boxes and dropdown (I would love to be able to hide that dropdown too, but its not a show stopper)

This is in my product-form.liquid file, and I am using the Out of the Sandbox Responsive theme

{% if template == ‘product.cutepencils’ %}

Pick 2 of your favorite pencil options to create your own set.

  • TEST 1
  • TEST 2
  • TEST 3

{% endif %}

2

I took a look at the source code for your product page link and you’ve got some messed up HTML in there. You have 2 add to cart forms (one inside the other). The swatches (radio buttons) are in the outer form, which is not shown in the code you posted. I also saw an additional tag (id=“page-product”) before your inner form. So that’s not great. Anyway, you’ll have to backtrack through your product page code to find the outer form and the swatches (what you’re trying to remove).

3

OK great thank you, I will try to address all those issues!