Hiding custom text box based on selection button

Hiding custom text box based on selection button

plantasticroots
Visitor
1 0 0

Screen Shot 2024-10-31 at 12.48.15 PM.pngHi there,

 

I'm hoping someone can help me figure out how to hide a custom text box. I only want it to show up when someone selects the 4 cuttings option or the 4 cuttings option with the rooting dip. I am selling a pothos cuttings bundle and want the buyer to have the option to select which cuttings they want to receive. I added the text box, but would like it to be hidden unless they choose the 4 cuttings option. Help? 

Replies 2 (2)

Shadab_dev
Shopify Partner
1530 81 169

This is not something basic but doable. It will definitely need looking up and for certain some editing to the theme code. 
Please reach out via mail for a convenient conversation and solution.

Best
Shadab

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.

Easify-Jolie
Shopify Partner
307 11 27

Hi @plantasticroots 

You can totally do this with Easify Product Options! It supports conditional logic, so you can set the custom text box to only appear when the buyer selects “4 cuttings” or “4 cuttings with rooting dip.” Super easy to set up — no coding needed, and you’ll be able to control exactly when each option shows or hides. Definitely worth checking out! Here's how it works:

  • This is the result:

EasifyJolie_1-1748340308290.png

 

EasifyJolie_2-1748340445904.png

  • This is the app setting: 

EasifyJolie_3-1748340521958.png

 

To make sure that text area only show up when your customer choose 4 pothes, set the Conditional Logic in the Advanced Settings like this:

EasifyJolie_5-1748341174378.png

 

You’ll find this app easy to use, so I hope you give it a try. If you need assistance, just let me know or reach out to Easify! 🤗 

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