hide/remove Price from Product List

I am using a Product List.

All of the items are free, but I want the word "Free" to be hidden from view.

Is there a way to hide/remove the Price from a Product List or does a similar widget exist that does not include Price?

Hi Mike,

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

Let me help you with that:

In the Product List element of Jotform, there is no direct built-in option to hide or remove the price label such as the word "Free" when all items are free. However, you can achieve this by injecting custom CSS code into your form to hide the price display.

Here’s how to do it:

1. Open your form in Form Builder and select the Product List element.
2. Go to the Custom CSS section (available in the Form Designer or under the element's settings depending on your form layout).
3. Inject the following CSS code to hide the "Free" text or any price display:

.freeCurr + span {display: none !important;}

This CSS hides the "Free" text that appears for free products.

If you want to hide all product prices completely, you can use:

.form-product-details {display: none;}

These CSS snippets will remove the price display from the Product List widget.

If you prefer, you can also consider using the Inventory widget instead, which allows more control over quantities and does not show prices by default.

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