create form with default product quantity

  • jtorn
    Asked on January 26, 2021 at 9: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

  • Richie JotForm Support
    Replied 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.

  • jtorn
    Replied 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.

  • Richie JotForm Support
    Replied 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?

  • jtorn
    Replied 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 Screenshot 10

    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.

  • Welvin Support Team Lead
    Replied on January 26, 2021 at 4: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

  • geradpiquiy
    Replied on February 1, 2021 at 2:39 AM

    i am doing some thing wrong in my process of business can anyone guide me how to do theses things in the right way my topic is same with your one but i have no idea to manage it on my website i need help.

  • Richie JotForm Support
    Replied on February 1, 2021 at 4: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 Screenshot 10

    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.