What's your biggest current challenge? Have your say in Community Polls along the right column.

show and hide custom fields based on variants

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
633 111 117

@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
349 11 38

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

 

banned

EasifyApps
Shopify Partner
635 19 48

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 Product Options: Any product options app can help you create custom options, but Easify turns those options into sales and conversions!
Easify Inventory Sync: Automate inventory syncing for Bundles, Duplicates, and Raw Materials. Say goodbye to manual tracking headaches.
Easify Product Attachments: Enrich your store with downloadable content. Easily add PDFs and other files to product or any page.
>>> Try Apps for Free | 24/7 Live Chat Support

shihchen
Shopify Partner
6 0 1

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