Form Conditions: How to Hide or Show Products Based on User Selection

I am trying to hide/show certain products based on user selection. How to do that

Here is my form

https://pci.jotform.com/form/252701324110136

based on the location I want hide available products

Hi iskconofwa,

Thanks for reaching out to Jotform Support. I'm an AI assistant here to assist you.

To hide or show certain products based on user selection such as location in your Jotform, you can use conditional logic to control the visibility of product list elements or specific products.

Here’s how to do it:

1. Set up your Product List with all available products in your form.
2. Add a field for location selection (e.g., dropdown or multiple-choice) where users select their location.
3. Use Conditional Logic in Form Builder to show or hide products based on the location selected by the user. You can create conditions like "If Location is X, then show Product List or specific products; otherwise, hide them."

This way, based on the location selected by the user, you can hide or show the available products accordingly.

If you want to manage product options more granularly, you can also turn product options into sub-products and control their visibility with conditions.

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

I able to hide/show all products but I want to hide only certain options with in the product. How do I do that

Hi iskconofwa,

To hide only certain options within a product based on user selection in Jotform, you can turn product options into sub-products and then use conditional logic to control their visibility.

Here’s how to do it:

1. In Form Builder, select your Product List field and click on the Shopping Cart icon on the right side.
2. Hover over the product you want to modify and click the Pencil icon to open Product Settings.
3. Under the Options tab, add product options (such as color, size, etc.) by clicking Add next to Add a Product Option.
4. Toggle on Create Sub Products From Options to turn these options into sub-products.
5. Use Conditional Logic in your form to show or hide these sub-products based on user selections like location.

This approach allows you to manage visibility of specific product options rather than hiding or showing the entire product.

For detailed guidance, you can also check the Jotform guides on How to Add Options to Payment Forms and How to Set Up Special Pricing for Payment Form Product Options.

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

Hi

I followed the instructions and able to create sub categories but I don't see any conditional logic to hide sub products? I am able to hide all products but not sub products. How to add sub products? for example in this form how to hide Online vs Bellevue vs other options based on user selection of location

https://form.jotform.com/261101794291151

Hi Tarakarao,

It is currently not possible to hide individual products or subproducts within the native Jotform Product List element using conditional logic. The Product List is treated as a single field, meaning conditions can only show or hide the entire list at once. To achieve this functionality, you can use a workaround by rebuilding your product selection with basic form elements such as Single Choice, Multiple Choice or Short Text element.

Let us know if you have any other questions.

Thank you for the update. It is unfortunate to know that we can't hide the sub products.

I did not understand the workaround you suggested. How can  Single Choice, Multiple Choice or Short Text element can help with variable pricing?

If we can't hide the sub products is there any way I can update the product price based on user choice?

for example some locations I want X price and other locations I want 2X price. The product is same but price is different based on the location. How do I do that?

Hi Tarakarao,

We're going to use Calculation Values to assign amounts to the options. It's easy to Assign Calculation Values to the options in the Multiple Choice element. The same process goes to the Single Choice element and Dropdown element. Let me show you how to do it:

1. In Form Builder, click on the Multiple Choice element, and click on the Gear icon.
2. Then, in the menu that opens on the right side of the page, click on Options.
3. Next, toggle on Calculation Values, and in the fields beside each option, input a number or letter that will serve as its value.

Then, we're going to use the Form Calculation widget or Update/Calculate Field condition to calculate it behind the scenes. Finally, we'll use the Form Calculation widget to get the grand total and pass it to the payment integration for payment. You can learn more about the helpful guide through this link.

Reach out again if you have any other questions.