Conditional custom field for registration form

Technical Q&A

Topic summary

Conditional inputs on a Shopify registration form misbehave: the form always assigns the “Distributors” tag and captures data incorrectly.

  • Cause identified: the form includes two inputs named customer[tags]. Because they’re text inputs, the later one overrides the earlier value, so the tag is always the same. (“customer[tags]” is the Shopify field used to assign tags to a customer.)
  • Recommended approach: replace the drop-down with radio buttons so only one value can be submitted, and trigger conditional show/hide logic on the radio buttons’ change event. The rest of the implementation can remain the same.
  • Outcome for the original issue: acknowledged; no specific code snippet provided.

Follow-up request: another participant wants a simple conditional setup (radio: boy/girl) where selecting one shows a corresponding text field. Their attempt still shows all fields.

  • Response: assistance offered only to fix existing code; no new code provided.

Status: partially resolved for the original poster (root cause and approach identified), unresolved for the follow-up request. Screenshots were provided but no working code sample was shared.

Summarized with AI on January 20. AI used: gpt-5.
1

Hello

I am trying to add some extra input in the registration form conditionally, check my example code.

It is not working properly. Can anyone help me to fix the issue? It is always adding a customer tag

Distributors and also, the information is not correctly working.

If we can apply it by the liquid condition it should work, but I am not sure, how I do that. I am not sure, how to apply the condition based on my selection value.

Thank you

ikrama_0-1674232727614.png
ikrama_0-1674232727614.png306×761 28.4 KB

ikrama_1-1674232770472.png
ikrama_1-1674232770472.png274×769 29 KB

2

Hi @ikrama ,

It’s because your customer[tags] is two times in code and since input is text type it will always override the previous selection.

To achieve it you should use radio button for which form will take only one value.

Replace your drop-down code with radio button and write your conditional code on their change event.

Rest will be same…

Hope it help…

3

Yes, Thank you.

4

I am trying to create a conditional question in my registration form, I tried using what this user has suggested but it is not working… I just need something simple:

Are you a boy or girl radio buttons and then if the user selects boy it shows a text field and if user selects girl it shows a different text field. Can you please show me how the code should look? When I use the example above and try switching to radio, it just shows all the information still.

5

Im sorry dear I can help you to fix your existing code but writing code will require a job to offer.

Hope u understand.