Website Building » WooCommerce » How Do I Remove a Price in WooCommerce?

How Do I Remove a Price in WooCommerce?

Last updated on October 2, 2022 @ 12:00 am

If you want to remove a price in WooCommerce, there are a few different ways that you can do this. One way is to simply delete the price from the product page.

Another way is to use the “Hide Price” plugin. This will allow you to hide the price of a product from the product page, cart, and checkout pages.

If you want to remove the price completely, you will need to edit the code of your theme or plugin. For example, if you want to remove the price from the product page, you would need to edit the code for the “single-product” template.

If you want to hide the price from the cart and checkout pages, you would need to edit the “cart” and “checkout” templates.

It is also possible to remove the price by using CSS. For example, you could add the following CSS code to your theme’s stylesheet:

.product .price {display: none;}

This would hide the price on all products. You can also use CSS to only hide the price on certain products. For example, if you only want to hide the price on products in the “sale” category, you could use this CSS code:

PRO TIP: If you are considering removing a price in WooCommerce, be aware that this could have unintended consequences. Depending on your WooCommerce settings, removing a price may cause the product to become unavailable for purchase. If you still want to allow customers to purchase the product, be sure to set the “price” field to “0” rather than removing it entirely.

.price {display: none;}

.product-category-sale .price {display: none;}

Conclusion:
There are a few ways that you can remove a price in WooCommerce. You can delete the price from the product page, use the “Hide Price” plugin, or edit the code of your theme or plugin. You can also use CSS to hide the price on all products or only on certain products.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.