I will assume, since you are reading this article, you already have a reason for wanting to hide your Gravity Forms Product field. The reasons are many and varied. My first recommendation?
Use the “Hidden” Product Field Type
This will create a truly hidden input. This is the simplest approach and works well for simple products.
Use the “gf_invisible” CSS Class
The “gf_invisible” CSS class will hide any field from view (using a different technique than the “gf_hidden” class; more on that below). This allows you to use any product field type for your product field and still prevent the field from being visible to the user.
If you’re already familiar with the more common “gf_hidden” CSS class, you might be wondering why not use this class instead? The “gf_hidden” class uses “display: none;” to hide the field. Gravity Forms won’t include products (or options, or shipping fees) with the “display: none;” style declaration in the form total.
Use the Visibility Setting
The Visibility setting is only available for Product fields configured with a Field Type of “Drop Down” or “Radio Buttons”. To hide the field, select “Hidden” as the desired visibility.
Did this resource help you do something awesome with Gravity Forms?
Then you'll absolutely love Gravity Perks; a suite of 46+ essential add-ons for Gravity Forms with support you can count on.
Ann Toney says
Had never heard of the gf_invisible option before. Thank you for this info.
Samuel Bassah says
You’re welcome. Glad it is useful to you.
HK IP Lawyers says
I had no idea a hidden form option even existed – thank you so much!
David Smith says
Always a pleasure to cast a spell of illumination. 🧙♂️😄
Griffith Barbee says
So sick of that product field – thank you for sharing this!
Scott Buchmann says
You’re welcome! 😁