Product List: Remove Subtotal, Tax and Grand Total

  • Profile Image
    Granite_Bakery
    Asked on September 25, 2025 at 3:46 PM

    I have built a new form.

    This will be used as a bakery order form.

    Since a few items we sell are customized....we don't want the form to give the customer a total price.

    We want to price the order after submission.

    How do I eliminate the subtotal from the product list?

    Or if it has to remain on the list, how do I eliminate it from the customer submission?




    Jotform Thread 31435801 Screenshot
  • Profile Image
    Christian Ice JotForm Support
    Replied on September 25, 2025 at 4:16 PM

    Hi Granite_Bakery,

    Thanks for reaching out to Jotform Support. You can hide or remove the subtotal from the product list by injecting custom CSS codes into your form. Here’s how to set it up:

    1. First, copy this code:

    span[id*="_price"] {
    display: none!important;
    }
    div.form-payment-subtotal {
     display: none !important;
    }

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    Product List: Remove Subtotal, Tax and Grand Total Image 1 Screenshot 30

    Here's how it looks:

    Product List: Remove Subtotal, Tax and Grand Total Image 2 Screenshot 41

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

  • Profile Image
    Granite_Bakery
    Replied on September 25, 2025 at 4:50 PM
    Sorry...I used the wrong word.
    Is there a code that will remove the entire subtotal and grand total?
    So there is no calculated pricing at all?
    ...
  • Profile Image
    Christian Ice JotForm Support
    Replied on September 25, 2025 at 5:09 PM

    Hi Granite_Bakery,

    Yes, to remove or hide the subtotal, tax and grand total in your Product List field, you can use the CSS code below instead:

    div.form-payment-subtotal {
     display: none !important;
    }
    .form-payment-tax,
    .form-payment-total {
      display: none !important;
    }

    Here's the result:

    Product List: Remove Subtotal, Tax and Grand Total Image 1 Screenshot 20

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

Your Reply