How to Remove WooCommerce Product Price Display

WeWhen using WordPress to build a foreign trade websiteor other B2B websites, product management usually uses the WooCommerce plugin. Typically, when doing B2B business, we do not want to display product prices on the website. If your website shows prices, you can remove them using the following methods.

1. Do not fill in product prices

When we edit a product, as long as we do not fill in the price information in the product data, the price will not be displayed on the website.

2. Use a plugin

If many of your products contain price information and manually deleting the prices is too troublesome, you can also use the following plugins to remove the price display.

Below are several plugins with WooCommerce Catalog Mode compiled by Naibabiji. You can choose one that works to install.

1. YITH WooCommerce Catalog Mode
2. ELEX WooCommerce Catalog Mode
3. PRyC WP/WooCommerce: Catalog Mode
4. NS WooCommerce Catalog

3. Disable price display in Theme settings

Some premium WordPress Themes have Catalog Mode enabled by default in their settings, or you can set them not to display prices.

For exampleWoodMart ThemeBy default, you can enable Catalog Mode in the Theme settings, and you can also set it to not show prices when not logged in, and show prices when logged in.

Astra ThemeIn the Theme Customizer, you can set which elements to display on the product page. If you don't want to display the price, simply uncheck the price option.

4. Use function code to hide

In addition to the above three methods, we can also use function code to hide product prices (the plugins in step two work on the same principle). If you also want to try manually hiding with code, copy the following code and paste it into your Theme's functions.php file.

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );

If the above code is ineffective, there might be a conflict in the execution order of your Theme's code. You can try the following code.

add_filter( 'woocommerce_get_price_html', 'naiba_hide_price' );
function naiba_hide_price( $price ) {
$price = 'Please contact us for a quote';
return $price;
}}

The above code will hide the price and output the text „Please contact us for a quote“. If you don„t need the text, simply delete it and leave it empty.

Of course, you can also hide it using CSS code, but CSS hiding is a false hide; the price can still be seen in the page source code. Therefore, Naibabiji will not introduce the CSS method for hiding prices here.

Related articles:Several Ways to Delete and Hide the WooCommerce Add to Cart Button – Naibabiji