Helping you build a better website
(and other interesting web stuff)

Silva Web Designs - Blog

How to Hide WooCommerce “Free” Price Label

A common WooCommerce problem we find from time to time is removing the “Free” price label in the product / category and shop pages. This is added automatically by WooCommerce. Maybe you have tried removing these either with CSS or by editing a load of the WooCommerce files… You will realise this can be quite a frustrating task as we did. Well in order to speed things up for you here is an easy solution to quickly hide all those “Free” price labels just by adding the following code to your theme’s functions.php in the usual manner (theme-name/functions.php), or perhaps to your custom site plugin and you should be free of this “Free!” label.

add_filter( 'woocommerce_variable_free_price_html', 'hide_free_price_notice' );
add_filter( 'woocommerce_free_price_html', 'hide_free_price_notice' );
add_filter( 'woocommerce_variation_free_price_html', 'hide_free_price_notice' );
 * Hides the 'Free!' price notice
function hide_free_price_notice( $price ) {
  return '';

Let us know if this helped you!

Nathan da Silva - Profile

Posted by: Nathan da Silva

Nathan is the Founder of Silva Web Designs. He is passionate about web development, website design and basically anything digital related. His main expertise is with WordPress, Magento, Shopify as well of many other frameworks. Whether you need responsive design, SEO, speed optimisation or anything else in the world of digital then get in touch. If you would like to work with Nathan, simply drop him an email at [email protected]

It’s good to share

Join the discussion