-
kellydoughliciousAsked 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 SupportReplied 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:
Next, 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.After 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.4. Set the condition the same as below, then click on Save:
See screencast below for the expected result:
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.
-
kellydoughliciousReplied 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 SupportReplied 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 SupportReplied 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:
Then, 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:
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.4. Set the condition the same as below (make sure to click the one from the number pad):
Repeat 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:
Following 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:
See screencast below for the expected result:
Here is my clone form which you can check and clone.
Give it a try and let us know how it goes.
-
kellydoughliciousReplied on April 19, 2024 at 11:13 AM
Thank you so much!!!