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

  • Profile Image
    buymescents
    Asked on July 16, 2018 at 09: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

  • Profile Image
    Jed_C
    Answered on July 16, 2018 at 10:33 PM

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

    1531794589payment_field.gif

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

  • Profile Image
    buymescents
    Answered on July 17, 2018 at 01: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?

  • Profile Image
    david
    Answered on July 17, 2018 at 01: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.PNG

  • Profile Image
     
    Answered on July 17, 2018 at 04:19 PM

    This is what mine says, now that i have all products in there.  what do i need to change? 1531858748Screen Shot 2018-07-17 at 4.15

  • Profile Image
    david
    Answered on July 17, 2018 at 06: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.

  • Profile Image
    Jed_C
    Answered 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.gif

    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.