Sometimes, the nature of ecommerce businesses requires some extra features. Thankfully, WooCommerce allows to customize pretty much everything based on whatever condition.
Today, we’ll see how to hide prices for out of stock items, on the shop, categories, archives, loops and single product page.
Think of an art gallery which sells unique art pieces, and doesn’t want to let users know for what price sold an item. Or maybe an online business that often runs discounts – why reveal at which price sold an item that is now out of stock? Of course, there are way more case scenarios – I’d be curious if you shared yours in the comment area.
But for now, copy and paste the snippet and that’s it, you’re good to go. Enjoy!
PHP Snippet: Hide Price If Product Is Not in Stock @ Shop / Cat / Single Product Pages
/**
* @snippet Hide Price If Out of Stock @ WooCommerce Frontend
* @how-to businessbloomer.com/woocommerce-customization
* @author Rodolfo Melogli, Business Bloomer
* @testedwith WooCommerce 6
* @community https://businessbloomer.com/club/
*/
add_filter( 'woocommerce_get_price_html', 'bbloomer_hide_price_if_out_stock_frontend', 9999, 2 );
function bbloomer_hide_price_if_out_stock_frontend( $price, $product ) {
if ( is_admin() ) return $price; // BAIL IF BACKEND
if ( ! $product->is_in_stock() ) {
$price = apply_filters( 'woocommerce_empty_price_html', '', $product );
}
return $price;
}
It doesn’t seem to work at all on my site.
No errors, but the price is still showing.
Legacy product grid, or product blocks?
This doesn’t work correctly if you have the Pagination option set to ‘Load More’ (Under Appearance -> Customise -> Shop Settings -> General).
It will only be applied on items shown when the page loads, items that appear after clicking ‘Load More’ will still show the price.
Hi John, Appearance -> Customise -> Shop Settings -> General is not default WooCommerce so it’s probably your theme or a plugin
Hi Rodolfo,
Thanks for this useful snippet! Would it be possible to show a specific text (‘sorry, out of stock’ for example) in stead of just hiding the price in case an item is out of stock?
Cheers
Niels
Niels, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!
Hello Rodolfo Melogli
1-What if about a simple product that has 2 prices {Regular price and Sale price}?
2-What about if the product is variable?
Should work for those case scenarios as well
It’s not working in my css file. It’s given an error.
Hi Emily, this goes in the functions.php file or in a Code Snippet