How to hide product prices on payment form?

  • Profile Image
    CasinoHireLondon
    Asked on December 14, 2019 at 08:39 AM

    I want the prices to show on the notification pdf and emails only. How to do I hide the product prices to the website user?

    I use the form as well, but I want to see the prices. 

    Is there a way I can make the form :

     

    a. Admin user sees pricing and totals

    b. Enquirer user cannot

    I can't track my quote form users at present. Thanks

  • Profile Image
    roneet
    Answered on December 14, 2019 at 09:24 AM

    To hide the product prices you would have to set the products outside the payment field.


    1) You will need to split your products into native fields such as "Single choice" or "Multiple Choice" fields, and assign a value to each option: https://www.jotform.com/help/301-How-to-Assign-Calculation-Value 

    2) You can show the products based on the user's answers by applying conditions: https://www.jotform.com/help/316-How-to-Show-or-Hide-Fields-Base-on-User-s-Answer 

    3) Then perform the calculations: https://www.jotform.com/help/259-How-to-Perform-Form-Calculation-Using-a-Widget 

    4) Pass the total to the payment field: https://www.jotform.com/help/275-How-to-Pass-a-Calculation-to-a-Payment-Field 

    May we know how will you identify the admin? Based on the email address or based on an option.

    Looking forward to your response.

    Thanks.

  • Profile Image
    CasinoHireLondon
    Answered on January 29, 2020 at 11:12 AM

    Hi, I don't understand your question. 

    May we know how will you identify the admin? Based on the email address or based on an option.

  • Profile Image
    roneet
    Answered on January 29, 2020 at 12:24 PM

    Were you referring to the price on the Form? Do you want to hide the prices from the form so that the user filling up the form does not see it?

    15803185601.PNG

    If yes, we can inject CSS to hide the prices on the Form.

    Let us know how you would like to proceed.

    Thanks.

  • Profile Image
    CasinoHireLondon
    Answered on January 29, 2020 at 03:13 PM

    Hi,

    Yes, that is exactly what I want to achieve. :-)

    I'm rebuilding a new form now based upon the previous response, but it would be good to stick with this one and hide the prices with CSS.

    If you can show me how you've done that please so I can apply it elsewhere in my forms.

    Thank you.


  • Profile Image
    EltonCris
    Answered on January 29, 2020 at 05:55 PM

    Here's the CSS code for that.

    span.form-product-details {

        display: none;

    }

    Guide: How to Inject Custom CSS Codes

    Result: