Pizza Menu Form and choosing more than one topping

  • kellydoughlicious
    Asked on April 18, 2024 at 12:40 PM

    Hi,

    I'm working on a pizza menu form and I'm stuck with how to allow a customer to choose more than one topping on a plain pizza. It is only letting them choose one but I need them to be able to add up to three. Hope that makes sense. Thank you

  • Shane JotForm Support
    Replied on April 18, 2024 at 1:17 PM

    Hi Kelly,

    Thanks for reaching out to Jotform Support. To achieve your requirement, you can use a Multiple Choice element that shows when the plain pizza is selected, since the Multiple Choice element allows you to set the maximum number of selections as well. I'll walk you through setting that up:

    First, add the Multiple Choice element, like so:

    Pizza Menu Form and choosing more than one topping Image 1 Screenshot 60Next, set the option to limit the selection:

    1. Once the Multiple Choice element is selected, click the Gear icon.
    2. Go to the Surveying Tab.
    3. Turn on Entry Limits, and set the values.

    Pizza Menu Form and choosing more than one topping Image 2 Screenshot 71After that, add the condition to show the selection when the Pizza Plain is selected:

    1. Click Settings from the top navigation bar.
    2. Select Conditions from the left menu.
    3. Select Show/Hide Field.

    Pizza Menu Form and choosing more than one topping Image 3 Screenshot 82

    4. Set the condition the same as below, then click on Save:

    Pizza Menu Form and choosing more than one topping Image 4 Screenshot 93

    See screencast below for the expected result:

    Pizza Menu Form and choosing more than one topping Image 5 Screenshot 104 Here is my clone form which you can check and clone. We also have a guide about How to Show or Hide Fields Conditionally that you can check out.

    Give it a try and let us know if you have any other questions.

  • kellydoughlicious
    Replied on April 18, 2024 at 3:15 PM

    Thank you! Am I able to change the pricing for each topping as well? Like add 50 cents for mushrooms and then add $1 for pepperoni that will subtotal there as well?

  • Shane JotForm Support
    Replied on April 18, 2024 at 3:48 PM

    Hi Kelly,

    Thanks for getting back to us. Allow me to look into this and I will get back to you with an update as soon as possible.

    Thank you for your patience.

  • Shane JotForm Support
    Replied on April 19, 2024 at 9:43 AM

    Hi Kelly,

    Thanks for your patience, we appreciate it. Although we can change the pricing for each topping on my first answer, it's not possible to add their prices to the total in the product list with the current structure of the form. This is because the payment integration needs to be set as user defined amount, which restricts adding of products in the list. With that said, since there are products present in the Product List element, it's not possible. As a workaround, you can add the toppings as products, so that you can set their prices. Then, add conditional logic to limit the number of toppings allowed. If that works for you, here’s how to do it:

    As mentioned, add the toppings in the product list, same as below:

    Pizza Menu Form and choosing more than one topping Image 1 Screenshot 80Then, add Short Text fields. In these, we will store a value for each topping selected, so that it can be used to count how many are selected by the user:

    Pizza Menu Form and choosing more than one topping Image 2 Screenshot 91

    Next, add the Conditional Logic to set the values for each selected topping:

    1. Click Settings from the navigation bar.
    2. Select Conditions from the left menu.
    3. Click on Update/Calculate Field.

    Pizza Menu Form and choosing more than one topping Image 3 Screenshot 102

    4. Set the condition the same as below (make sure to click the one from the number pad):

    Pizza Menu Form and choosing more than one topping Image 4 Screenshot 113Repeat the process, as one condition for each topping is needed.

    Next, you can hide the submit button if the toppings have exceeded, but it's optional. Another addition that I highly recommend is a Paragraph field, wherein you tell the user that only three toppings are allowed:

    Pizza Menu Form and choosing more than one topping Image 5 Screenshot 124Following the steps above on creating a condition, this time, select Show/Hide Field and set it the same as below. This will show the paragraph if the toppings exceed the limit, and at the same time hides the submit button:

    Pizza Menu Form and choosing more than one topping Image 6 Screenshot 135See screencast below for the expected result:

    Pizza Menu Form and choosing more than one topping Image 7 Screenshot 146 Here is my clone form which you can check and clone

    Give it a try and let us know how it goes.

  • kellydoughlicious
    Replied on April 19, 2024 at 11:13 AM

    Thank you so much!!!

 
Your Answer