How to setup a multiple product with dropdown quantities that has no price?

  • buymescents
    Asked on July 16, 2018 at 9:56 PM

    I need to list multiple products, with drop down options for quantities, with no price listed.  Can someone point me in the right direction?  Thanks

  • Jed_C
    Replied on July 16, 2018 at 10:33 PM

    You can setup this in Jotform's payment properties. Check my sample screencast below.

    1531794589payment field Screenshot 10

    I hope this helps. Let us know if you have any questions or if you need further assistance. 

  • buymescents
    Replied on July 17, 2018 at 1:11 PM

    Yes, I have gotten that far.  I have about 85 products I need to list though, is there a way to make them in 2 or 3 column?  Also, I would like to not even have the word FREE in there; is that possible?

  • David JotForm Support
    Replied on July 17, 2018 at 1:52 PM

    It is possible to set up a two column payment field.  Here is more information on how to do so:

    https://www.jotform.com/help/235-How-To-Have-Two-Column-Payment-Form

    The code for removing the "Free" text would be form specific since it needs to target the correct field ID.  Here is example code though:

    #input_4_1000_price, #input_4_1001_price, #input_4_1002_price {
        display : none;
    }

    The ID's would need to be changed with the ID's from your payment field:

    1531849958Capture Screenshot 10

  • David JotForm Support
    Replied on July 17, 2018 at 6:38 PM

    Each price would be #input_7_1002_price.  Your list would be quite long.  Here is a short example:

    #input_7_1002_price, #input_7_1003_price, #input_7_1004_price, #input_7_1005_price, #input_7_1006_price{
        display : none;

    }

    But it would need to be for each one.  Unfortunately I have not found a way to target them all collectively.

  • buymescents
    Replied on July 17, 2018 at 9:18 PM

    Um...I am not sure that this is working they way I was envisioning.  


    I need a place for ordering one product (a package per se), with the price added at the bottom, just like we normally do.   But then a need a separate place to list the variety of that product.


    Meaning, I need a box for listing packages, say a package of socks, 4 in each package, with different colors, for $10 each.  So if a person needs to order 2 packages of socks, then I need to be able to have the customer choose the colors of the 8 socks.  Then add tax and shipping to the 2 packages at the bottom. Then the price will adjust based on the quantity of packages that are ordered, not based on the variety of the product.


    Does that make sense?

  • Jed_C
    Replied on July 17, 2018 at 10:53 PM

    You'll have to customize and just use the payment field to pass the value. The payment type should be set to "User defined" instead of "Sell Products".

    Here's how it works:

    1. Create a Dropdown field

    2. Add the items into that Dropdown field

    1531881244dropdown item Screenshot 10

    3. Create another dropdown field for the number of packages

    4. Create another dropdown field for variants like color, sizes etc..

    5. Create a calculation value for variants. Here's our guide https://www.jotform.com/help/301-How-to-Assign-Calculation-Value 

    6. Create a condition to show and hide the packages or variants base on what item was selected https://www.jotform.com/help/57-Smart-Forms-Using-Conditional-Logic.

    7. Pass the total value to the payment field https://www.jotform.com/help/275-How-to-Pass-a-Calculation-to-a-Payment-Field.  

    I have made a sample form here https://form.jotform.com/81979224732970 for you to see it action. Feel free to clone it so you can see how I added the conditions and calculation values. How to clone https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL.

    Let us know if you have any questions or if you need further assistance.