Making product variants show different numbers of input fields based on the selection

Hello. So I am new to shopify and the whole ecommerce thing and need a little help with my website and overrall. So my idea was to sell personalized engraved bracelets with CJDropshipping in shopify. I just have this little problem…

So I know how to put a field for the product page where a customer can type their name, or what they want to be engraved on the bracelet. There’s just a little problem that I have one product but 6 variants for it. Just to clarify: Gold with box = 2 bracelets (male and female) with a gift box. Gold = 1 either female or male bracelet and so on for the others (Rose gold and Silver) too. So you clearly need 2 input fields to determine what names you want to be engraved to each one of the bracelets. But when ordering one bracelet ofc you need just 1.

So the real question is, how do I define the products the way that when the 2 bracelet pack is selected there is 2 input fields to type and when a single bracelet is selected there is only one input field? For example: If “Gold with box” selected = 2 input fields. If “Gold” selected = 1 input field. Something like that but you get the point.

At first I just thought that “Well I just sell these seperately without variants so I can add manually the 2 input fields for the Gold bracelets with box product and 1 input field to the Gold bracelet product”. Dumb me, of course you can’t list the same product from CJ to shopify, even if technically they would be different products, but same, the product just has many variants in CJ too.

Hope you’ll get the point, I have been struggling with this for a while now and hope to get help asap! Please ask further questions if I need to clarify something better! Uploaded a picture to understand better.

1 Like

Hi @ecomelias

Looks like you’re trying to set up engraving fields that adjust based on the variant (1 bracelet = 1 field, 2 bracelets = 2 fields). I recommend Easify Product Options – it’s super easy to use, lets you add text input fields, and with conditional logic you can show exactly the right number of fields depending on the variant your customer selects. Everything gets saved neatly with the order, no extra coding needed.

  • This is the result:

  • This is the app setting:

To make sure the Engraving text (2) only show up when customer chooses Male and Female style, use Conditional Logic in the Advanced Settings like this:

Moreover, if you want to show custom text in the real time so that your customer can visualize the final product, simply “Enable live preview” in the Product Personalizer

This app is very straightforward and works perfectly for customizable products. Reach out to Easify if you need any assistance! :hugs:

Hello ecomelias

I hope you are doing well. It looks like you would like to display input fields based on the selected variant. You can achieve this with Inkybay - Product Personalizer app.

Inkybay allows you to create unlimited product options like text field, file attachment, image swatch etc. and display them in different ways like drop downs, radio buttons, checkboxes etc. You can arrange your options however you want.

With Inkybay’s Product Option feature, you can create swatches for the colors (Gold with Box, Gold and other) that you mentioned and apply conditional logic to show different styles for them. If you create child options inside the color, for the “Gold with box” option, customers can select Male & Female options. For the Male and Female option, simply add two child text input fields.

Two text input fields when customer selects “Male and Female” option:

One text input field when customer selects only Female or Male option:

When customers select the “Gold” option they get two separate styles for Male and Female. For a single Male or Female option, just add one child text input field. If you want you can set dynamic prices for those product options.

No coding is required, and all the selected option details will be available in the order file generated by Inkybay. Try Inkybay’s free 21-day trial and see how it works for your product.
I hope this will help. If you want, we will be happy to share a demo product with you.