Pick product option value based on line-item-property

Store Design
, , , ,
1

Hello Shopify Community! :blush:

  • Using Dawn v9
  • Created two line-item-properties on a product page as text form fields
  • The product has multiple options

Regarding one of these options (let’s call it option z),

i want customers to input numbers inside the text form fields.

Based one these customer inputs, the specific option value should be selected

  • If the sum of these two form fields is between 1-20, option value x of option z is selected
  • If the sum of these two form fields is between 21-40, option value y of option z is selected

Furthermore:

  • Hide the normal option value selection of option z, so that you can only change the option value of option z by inserting numbers inside these two text form fields
  • Don’t hide other option value selections for that product
  • Limit text form fields to integral number, no text allowed
  • Limit text form fields to a specific number range

  1. Possible? How?

  2. Possible to add sliders to the customer inputs? So that the value in the text form field changes according to the slider and vice versa? How?

Thank you very much! :slightly_smiling_face:

2

Hi @kreations ,

Your requirement is very interesting and yes it’s possible.

Seems your z option is an drop-down you should just hide it using CSS.

Now code in javascript to sum your form input and check the sum value for > 20

Let me know if you are willing to hire someone for this would be happy to work for you.