create form with default product quantity

  • Profile Image
    jtorn
    Asked on January 26, 2021 at 09:23 AM

    Hello - I've been working to get a simple order form going. I was able to make a form and utilize the "product list' element which worked great and was able to hide the prices by injecting CSS code (found on your forum).

    However when I test the form by submitting an order, the notification email still shows prices (all products/items show 0.00 CAD).

    I understand that it is not possible to manipulate the notification email in such a away that it removes the prices.

    I then tried creating an order form from scratch by using the Configurable List widget however I cannot get the fields/columns to align properly. To provide an example, I'm looking for a simple order form that displays:


    <checkbox> | <image (optional)> | <uneditable text box> | <dropdown>

    We require about 5 rows, of which 2 of them have pre-populated items (pre-checked box that cannot be unchecked).

    I was hoping someone might have a template available or a piece of code that can do this, in the meantime I'm going through the template database to see if anything is there that could be of any use.


    Many thanks

  • Profile Image
    Richie_P
    Answered on January 26, 2021 at 10:52 AM

    It seems you're referring to the form https://www.jotform.com/form/210246666320247

    Unfortunately, the configurable list doesn't accept images.

    You may try the inventory widget as it can show image and quantity.

    https://www.jotform.com/widgets/inventory

    Sample form https://form.jotform.com/210254275203949:

    Let us know if this fits your requirements.

  • Profile Image
    jtorn
    Answered on January 26, 2021 at 11:17 AM

    Hi thank you for your assistance.

    I it seems the inventory widget might work. Ideally I'd like to lock and pre-populate some of the dropdown menus and lock it by injecting a CSS code.

  • Profile Image
    Richie_P
    Answered on January 26, 2021 at 12:32 PM

    Ideally I'd like to lock and pre-populate some of the dropdown menus and lock it by injecting a CSS code.

    Unfortunately, it is not possible to pre-populate the inventory widget.

    Can you please explain further how you would like your form to work?

  • Profile Image
    jtorn
    Answered on January 26, 2021 at 12:58 PM

    Hi thanks and no problem.

    I would like the order form I'm looking to build to be as follows:

    1611683713_601057819cba9_example.jpg

    So there will be 2 mandatory products on the form that are pre-selected/populated and cannot be unchecked or changed in terms of quantity.
    The second section will need to contain products that are optional, and can be selected (as well as the quantity).
    The optional product section does not need "required fields".
    Once the form gets submitted, I require to receive an overview of the products selected, and the person who submitted the form will receive a copy of the submission.

    I hope this explains kind of what I'm looking for? Thanks again for your assistance.

  • Profile Image
    Welvin
    Answered on January 26, 2021 at 04:59 PM

    I see you have these fields set up using our Long Text field for the required items and the inventory widget for the optional items. This method will work. But I suggest using the Dropdown field for the required items. Add 2 as the sole option of the first dropdown, and 1 for the other. Make both fields required, so users can't skip the fields.

    Thanks

  • Profile Image
    Richie_P
    Answered on February 01, 2021 at 04:10 AM

    I have checked your forms and you're using the product list on 1 form while inventory on the other.

    To achieve your requirement, you would manually use the dropdown field as your quantity and add an image field as your product image.

    The dropdown field can set a default option.

    1612170465_6017c4e10c014_1.png

    If you want to calculate price, you may add values to your option.

    Guide:https://www.jotform.com/help/301-how-to-assign-calculation-value

    Then use the form calculation widget to calculate the total.

    Guide:https://www.jotform.com/help/259-how-to-perform-form-calculation-using-a-widget

    Hope this information helps.

    Please check it out and let us know how it goes.