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 and web site design. His expertise is WordPress & Magento as well as many other frameworks. Would you like to work with Nathan? Send him an email on [email protected]

It’s good to share

Join the discussion