Item modal with multiple selection & quantity

As you can see above I have the situation of an item modal where there are different variations, from which I can select different quantities or none. Currently there is a checkbox selection, and a quantity selection. If I select the checkbox, I have to add the quantity as well with a dropdown (quantities values are 10+ on average). If I select a quantity, the checkbox is automatically applied.

What is the best way to set up the UI? Should the checkbox option be removed completely, and have users just select the quantity? Should the quantity option be removed initially, and have it appear only when checkbox is selected?

Opinions/advice would be appreciated here. Thanks!

  • I have same case with yours, do you have any other improvement for this case? – Bá Lộc TRUONG May 19 '19 at 0:03

I don't think the checkboxes are necesserary here. Just use a Steper to add qty. If the user add one or more items, so it's clear that these item is selected. Steper is better than dropdown for numeric valuesenter image description here

| improve this answer | |
  • 1
    In general I agree, however on this case the average selected quantity is around 20, so steper feels a bit off. Definitely agree on removing checkboxes tho – Jason Spanomanolis Jul 19 '18 at 13:28

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.