Hide / show custom variant on product page based on yes/no variant

Highlighted
New Member
1 0 0

Hello,

 

Fellow Debut theme user here! I have sifted through all related posts and haven't found anything that works for me yet. :/

I have created a custom variable: .line-item-property__field, id: pet_name for customers to add customization, but I would like the variable to hide/show based on a dropdown selection (yes/no) they make. The specific variable that needs to be watched and decides if .line-item-property__filed should be shown/hidden is: selector_id: #SingleOptionSelector_2

Essentially, I am trying to hide the customization line (.line-item-property__field) when "No" is chosen, and the opposite, show the customization line when "Yes" is chosen.

Below is a detailed example of what I am trying to accomplish. 

Detailed example of product page and what I am trying to accomplishDetailed example of product page and what I am trying to accomplish

Any help would be amazing! Thanks!

0 Likes