BACK TO TOP

How to Hide Prices in WooCommerce

How to Hide Prices in WooCommerce

While it’s true that pricing represents one of the key components of most online stores, there are some specific occasions when it might be better to hide the prices from your customers. If this is something you feel would be a good call for your WooCommerce shop, you’re in the right place. We’re showing you a couple of ways to hide prices, but before we get into that, let’s go through a couple of situations where hiding prices would make sense.

Why Hide Prices in WooCommerce?

Say that you own a wholesale store that wants to show prices only to wholesale customers who are verified and hide them from other, regular buyers. For this, you would need a shop layout that doesn’t display prices by default.

Another scenario is that you may want to use your website to boost the online visibility of your brick-and-mortar business by displaying a list of products that can’t be purchased online – only at your physical location. While this may not be a great idea for retailers of any kind (after all, you want people to buy as much as possible, and adding eCommerce to your website would do just that), it can be a good call for brands that are built upon specific aesthetics, traditional values or special sort of hype.

Also, just like certain high-end stores prefer not to have a price tag on the products displayed in the shop window (so people really have to enter the store to learn the price), many luxury brands may prefer to use the same strategy on their site and instead put up a message such as “price upon request”.

Another situation where hiding prices would make sense is if you’re running a members-only website and want to turn your entire WooCommerce store into an online catalog using a catalog mode plugin. If you want, you can even make your product information available to the registered customers only. These are just some of the cases in which you might want to consider hiding the prices on your WooCommerce store.

Now, WooCommerce does not come with a built-in option of removing prices. Prices are shown by default. Fortunately, there are a couple of rather easy workarounds that can be applied to individual product pages, shop page and even the specific product categories.

Without further ado, here are a few different ways in which you can hide prices on your WooCommerce-powered site. First, we will show you how to hide regular prices on your individual (and all) products, as well as how to hide wholesale prices using two different plugins. Then, if you’re looking for an even more customized approach, we will also share a few different code snippets you can use to hide prices manually.

Note that if you use QODE Wishlist for WooCommerce you can not only add the ever-useful wishlist functionality to your shop but you can also add the “Ask for Estimate” button if you decide to hide your prices. Now, back to our subject, here’s what we will cover:

eCommerce WordPress Themes
Tonda WordPress Theme
Tonda

A Modern Elegant WooCommerce Theme

Biagiott banneri
Biagiotti

Beauty and Cosmetics Shop

Gioia WordPress Theme
Gioia

Modern Fashion Shop

Hiding Prices in WooCommerce Using the Change Price Title for WooCommerce Plugin

To hide prices on individual and/or all products on your WooCommerce store, we recommend using the plugin called Change Price Title for WooCommerce. As its name suggests, this plugin will also allow you to change the price title for all and individual products (for example, you can change it to be called something like “From $50”). There is also the option that will allow you to hide price titles on individual or all product pages, as well as other WooCommerce pages (like Shop).

Change Price Title for WooCommerce

You should install the plugin and activate it first. Then, to hide the prices for all products, go to WooCommerce >> WooCommerce Price Title. Mark the option called Hide Price Title and click on Save Changes.

Hide Price Title

You can also mark the option named “Apply Above Options On All WooCommerce Pages” to apply all the settings above on other WooCommerce pages, such as your Shop page.

Apply Options on WooCommerce Pages

To hide prices on individual products, access Products >> All Products and then go to the edit of the product you wish to hide the price for.

Edit Product

Scroll down to the Product data meta box and hit the Advanced tab. Once there, you will see the option called “Hide Price?”

Edit Product Hide Price

Once you mark this option and hit the Update button, the price of your product will be hidden.

Product Price Hidden

Also, by marking the option called “Applicable on All WooCommerce Pages”, your prices will be hidden on other product pages as well, including your Shop page.

Applicable on All Pages

Hiding Prices in WooCommerce Using the WooCommerce Wholesale Prices Plugin

If you own a wholesale store or B2B business, then we recommend using the plugin called WooCommerce Wholesale Prices. This particular plugin will allow you to easily show or hide your wholesale prices and also change user accounts to the new wholesale user role so that they can view the wholesale price once they log in.

WooCommerce Wholesale

If you want to have access to more advanced features (such as the ability to create unlimited wholesale user roles and restrict product visibility to specific user roles, among others), you can upgrade to the premium version of the plugin (starting at $49.50 a year for a single site).

After installing and activating the plugin, you should head to WooCommerce >> Settings and click on the Wholesale Prices tab.

Wholesale Prices

Then, select the Price tab and mark the option called “Hide Price and Add to Cart button”. This will essentially hide the wholesale prices from the Add to Cart page for all users that aren’t logged in on your site.

Wholesale Prices Hide Price

Hit the Save Changes button located at the bottom of the page when you’re done.

New Themes
Ettore
Ettore

Fashion Store and Menswear WooCommerce Theme

Fidalgo
Fidalgo

Restaurant WordPress Theme

ToddlerPlay
ToddlerPlay

Children and Kindergarten WordPress Theme

Hiding Prices in WooCommerce Manually Using Code

If you’re familiar with coding and wish to have even more options at your disposal, you can always hide prices in WooCommerce manually. This can be done by going to Appearance >> Theme Editor and then inserting your code into the functions.php file.

Theme Functions

Alternatively, if you don’t want to edit your theme file directly, you can always add your custom code using a plugin like Code Snippets instead.

To hide the prices on all your products, simply add this code into your theme’s function.php file:

add_filter( 'woocommerce_get_price_html', 'remove_price');
function remove_price($price){ 
return ;
}

In case you wish to hide all the prices for other users except for the admin, then you need to insert the following:

add_filter( 'woocommerce_get_price_html', 'remove_price');
function remove_price($price){ 
if ( is_admin() ) return $price; 
return ;
}

If you wish to hide the prices on your Shop page, insert the following code snippet:

add_filter( 'woocommerce_after_shop_loop_item_title', 'remove_woocommerce_loop_price', 2 ); 
function remove_woocommerce_loop_price() { 
if( ! is_shop() ) return; // Hide prices only on shop page 
remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 ); 
}

Now, if you want to hide prices from specific products, you can easily do so using the following code:

add_filter( 'woocommerce_get_price_html', 'hide_price_product_ids', 10, 2 ); 
function hide_price_product_ids( $price, $product ) {
$hide_for_products = array( 2490 );
if ( in_array( $product->get_id(), $hide_for_products ) ) {
return;
}
else{ 
return $price; // Return price for the all the other products
}
}

Say that you want to hide the prices for the products that belong to a specific category. In that case, here’s the code that should do the trick for you:

add_filter( 'woocommerce_get_price_html','hide_price_on_taxonomy');
function hide_price_on_taxonomy( $price) {
global $product;
$hide_for_categories = array( 'shirts' ); // Hide for these category slugs / IDs
if ( has_term( $hide_for_categories, 'product_cat', $product->get_id() ) ) { // Don't show price when it's in one of the categories
$price= '';
} 
return $price; // Return original price 
}

You should change the ‘shirts’ part to your particular category name (i.e. the category of the products whose pricing you wish to hide). Of course, if you want, you can insert more than one category here – just make sure to separate different categories by commas (eg. ‘shirts’, ‘pants’).

Wrapping Things Up

Whether you own a wholesale business, a membership-only site, or a traditional brick-and-mortar store and want to showcase your products without selling them online, hiding your prices in WooCommerce might be the perfect solution for you. The two plugins we’ve mentioned above will do a great job of hiding the prices of your products, though if you’re running a wholesale business, we recommend installing and using the second (WooCommerce Wholesale Prices) plugin. And if you know how to code, you’ll be happy to hear that you can use different code snippets to hide prices for almost any area of your site, including your shop page, specific products, and even specific categories. No matter which method you opt for, just make sure to follow our instructions carefully and you’ll be able to effectively hide prices on your WooCommerce products in no time.

Post your comment

Comments0