Hide variant picker after quantity is set to greater than one

Store Design
1

Hello, I am on the Refresh theme and am trying to hide my quantity selector block after the quantity is set to greater than one. Is anyone able to write this code for me? Should only be a few lines.

Thank you,

Lucas

2

Hi @Lucoo ,

It will require 5-6 lines of code with liquid if condition. Can you please share website link so I can check that?

Cheers :slightly_smiling_face:

Technika

3

Yes, here is the link to the product page where I am trying to achieve it. https://golfify.co/products/order

4

picker.PNG
picker.PNG369×145 5.08 KB

Are you looking to hide these variant pickers?

5

Not quite, I’m looking to hide the element that is circled once the user selects ‘Duo’ or ‘Trio’.

0DF59B3A-EE15-4560-94FA-02265439F660.jpeg
0DF59B3A-EE15-4560-94FA-02265439F660.jpeg1170×2532 186 KB

Now I know that since this is a custom app it may not be possible to actually detect with standard Liquid whether the user has selected Single, Duo or Trio, but I am pretty sure that when they do, it acts as a quantity selector and changes the quantity to 2 or 3, so I’m looking to hide the built in Shopify variant selector pills when the quantity is above 1 (since the variant selector on the app only shows when they select more than one)

6

Hi @Lucoo ,

This is Victor from PageFly - Free Landing Page Builder.

Please follow my steps below:

Step 1 : Online Stores > More action > edit code > theme.liquid

Step 2 : paste the code above the tag

Hope this can help you solve the issue

Best regards,

Victor | PageFly