show and hide custom fields based on variants

IamJK
Visitor
1 0 0

11112.JPG

 

In my Shopify store, all products have two variants: one is "add image," and the other is "no thanks." I want to hide the "file upload field" when a user selects the "no thanks" variant. Thanks in advance.

Replies 4 (4)

shreyhweb
Shopify Partner
630 110 112

@IamJK 

 

Hello,

 

it is possible by some custom coding. if you want to do this the please let us know. we will help on this thing. Please DM for the fast resolving the issue.

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com

EFOLI-Emilia7
Shopify Partner
278 9 37

Hello @IamJK ,

Hope you're doing well. If you want to show some custom fields depending on any variant/ options you can try the Inkybay - Product Personalizer app.

With this app, you can display as many options as you want on the product page. When any option is selected by your customer, you can choose to show other options under that selected option. Feel free to knock me if you're interested in checking the sample product.Custom Mug-Inkybay.png

 

Emilia7 | eFoli
-Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Checkout our apps:Inkybay || MultiVariants

EasifyApps
Trailblazer
398 9 30

Hi @IamJK,

To achieve the desired show/hide functionality for custom options, utilize the Conditional Logic feature in the Easify Product Options app. Here's a step-by-step guide 🤗:

  • Create your 1st option "Image Option": Using Buttons option type and include 2 option values - "Add Image" and "No Thanks"

EasifyApps_0-1704695929771.png

 

  • Add the File Upload option: Using the File Upload option type. Enable Conditional Logic to show the File Upload field only when "Add Image" is selected and hide it when "No Thanks" is selected in the "Image Option":

EasifyApps_1-1704695979221.png

EasifyApps_2-1704696376023.png

EasifyApps_3-1704696411398.png

 

  • Add more options if necessary: You can include additional options like Text Box, Text Area, Number Text Box, Date Picker, etc.

EasifyApps_4-1704696583178.png

 

  • Add all options to your relevant product(s): Make sure to associate these options with the specific products where you want to implement this functionality.

EasifyApps_5-1704696597402.png

EASIFY - MAKING SHOPIFY SIMPLE & SWEET!
Easify Product Options: Create custom product options 10X faster & easier!
Easify Product Attachments: Effortlessly add downloadable PDF files (or any other format) to Shopify pages!
Try for Free | 24/7 Live Chat Support

shihchen
Shopify Partner
6 0 0

hi @IamJK 
this app Accurate Product Options might help your need about showing custom options on different variants.
It supports text options right now, you could give it a try.

If you're interested, file upload type option would be the next support.

If you want To further discussion about your need for showing custom options needs.
Contact me without hesitate! bchen1029@gmail.com