What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    How to buy multiple sizes (not one specific size from a selection) of an item?

    Asked by sjakubik on July 02, 2012 at 01:17 PM


    Shirt X has choices of size (small, med, lg...)
                     it also has choices of quantity (1, 2, 3...)

    But, I need the customer to have the ability to order 2 smalls of Shirt X AND 1 large of Shirt X at the same time.

  • Profile Image
    JotForm Support

    Answered by jonathan on July 02, 2012 at 03:16 PM


    You can achieve this by making the item/product as separate items.

    i.e. :

    Shirt (S) - Qty: 1,2,3 Price: 1.00 USD

    Shirt (M) - Qty: 1,2,3 Price: 1.00 USD

    Shirt (L) - Qty: 1,2,3 Price: 1.00 USD

    I hope this help. Please inform us if you require further assistance.


  • Profile Image

    Answered by sjakubik on July 02, 2012 at 07:07 PM

    Thanks - that's perfect!  One more question though, I'd like the quantity selection box next to the item title and not below it (like you have in your example above)

  • Profile Image
    JotForm Support

    Answered by Mike_T on July 02, 2012 at 07:28 PM

    On behalf of my colleague, you are welcome :)

    To place the quantity section on the same line, you may use a wokaround from this thread. It is based on injected CSS code.

    Please try to inject the following CSS to your form to see if that is acceptable workaround.

    .form-product-item .form-sub-label-container {
    top: -4px;
    left: 460px;
    position: absolute;

    If you need any further assistance, please let us know.