How to display line form options only when a certain variant is selected?

Solved
shells
Trailblazer
193 3 97

Hi there, 

I am trying to make two line forms I've added as custom blocks to display once the "Personsalised (+$15) variant is selected"

The link: https://www.feyrebaby.com.au/products/knotted-hat?variant=40098526298300

password: pahkud

display only if certain variant sleceted.png       
 
Here is my custom code block 
          <!---Start custom code block--->
          
              <p class="line-item-property__field">
  <p style="color: var(--g-main)"><label for="Name-for-personlisation">Name for personlisation <br>*First names only</label>
  <br><input id="Name-for-personlisation" type="text" name="properties[Name for personlisation]">
  </p>
                
              <p class="line-item-property__field">
<p style="color: var(--g-main)"><label>Thread Colour</label><br>
  <select id="thread-colour" name="properties[Thread Colour]">
    <option value="Grey">Grey</option>
    <option value="Blue">Blue</option>
    <option value="Pink">Pink</option>
  </select>
  </p>
          
            <!---End custom code block--->

 

 

0 Likes
shells
Trailblazer
193 3 97

@dmwwebartisan is this something you can help with?

0 Likes
24by7themes
Navigator
383 61 72

Hello @shells ,
We have to do some coding in Javascript and liquid side as well. Your need is, show two inputs once you select "Personalized' then right?

Contact me if you want to do it.

Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990
shells
Trailblazer
193 3 97

@24by7themes that is correct

Are you able to help if I give you my password?

0 Likes
24by7themes
Navigator
383 61 72

No it will not help. Please add me in staff account. Email address info@creatpix.com

Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990
shells
Trailblazer
193 3 97

Done - please let me know if you can access it

0 Likes
24by7themes
Navigator
383 61 72

This is an accepted solution.

Hey @shells 
Please check 
https://www.feyrebaby.com.au/collections/bath-time/products/hooded-towel-with-wash-cloth-set?variant...

Note : 
Variant title should be 'Personalised', otherwise it won't work.

Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990
0 Likes
shells
Trailblazer
193 3 97

Amazing! Thank you so much @24by7themes 

I only see it come through on the towels but not the hat though?

I want this function for only the template-product-customisable.

Can you help me take a look?

 

0 Likes
24by7themes
Navigator
383 61 72

This is an accepted solution.

Can you just change variant name to 'Personalised' on Hat product?

Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990
0 Likes
24by7themes
Navigator
383 61 72

Thank you for accepting solution. For further needs, you can contact me on my email address.

Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990