Show only certain products depending on previous question?

  • productionmhs
    Asked on October 23, 2018 at 9:11 AM

    I'm currently using the Responsive Product Order Form, is there a way to only show certain products after an answer is selected earlier on the form? For example I would like to be able to select an employee position and then only have it show products related to that position.

  • Support_Management Jotform Support
    Replied on October 23, 2018 at 11:16 AM

    This can be done but not with a payment field that sells products. You're currently using the PURCHASE ORDER payment field to list all your products and a payment field in general is treated as a single field (as a whole).

    So, if there's a need to conditionally display certain products based on the selection from another field, you'd have to manually build your product list using regular form fields one by one. Your general approach is to use the following features:

    1. Use regular form fields (e.g. checkboxes, radio buttons, dropdowns, textboxes, etc). These will now serve as your products.

    2. CONDITIONS to show the respective products based on which employee position was selected.

    Related guides: 

    How-to-Show-or-Hide-Fields-Base-on-User-s-Answer

    Hide-or-Show-Multiple-Fields-at-Once

    3. CALCULATION VALUES will be assigned for each and every product.

    Related guide: How-to-Assign-Calculation-Value

    4. A FORM CALCULATION WIDGET will be used to tally the total price.

    Related guide: How-to-Perform-Form-Calculation-Using-a-Widget

    5. Finally, pass that calculation to the PURCHASE ORDER PAYMENT FIELD.

    Related guide: How-to-Pass-a-Calculation-to-a-Payment-Field

  • productionmhs
    Replied on October 23, 2018 at 11:41 AM

    So how would I go about creating a section that would say: Polo Shirts and then have options for quantity, color, and size?

  • Support_Management Jotform Support
    Replied on October 23, 2018 at 1:06 PM

    This was covered in step 1 - You will be using regular form fields like checkboxes, radio buttons, dropdowns, or textboxes which will now serve as your products and product options/quantities.

    For example, add a checkbox field for Women's Blazer > then a textbox field for the Quantity option for that field > then a dropdown menu for the Size. Basically, you will be building your product list outside the payment field one by one, manually. Afterwards, you may proceed to the rest of the suggestions I laid out on my previous reply.

  • productionmhs
    Replied on October 23, 2018 at 1:18 PM

    And to avoid having the big red label for each textbox and drop down menu, I assume I'd have to edit the CSS?

  • Support_Management Jotform Support
    Replied on October 23, 2018 at 1:28 PM

    That's correct - We can certainly help you with that part too. Just finish setting up your form first since we will need to grab the IDs of each and every element that need to be changed before we can provide you the codes that you need.

    We would also request you open this as a separate thread since it's now about a different topic.

  • productionmhs
    Replied on October 24, 2018 at 1:37 PM

    I've posted it as a separate thread here: https://www.jotform.com/answers/1621207-Hide-parts-of-text-boxes-dropdown-multiple-choice as you requested but it doesn't seem like anyone is understanding my question.

  • Support_Management Jotform Support
    Replied on October 24, 2018 at 2:47 PM

    Thanks for mentioning that - I coordinated with my colleague who's currently handling that thread and relayed what you have in mind.