Using WooCommerce, want to remove category from the product page? Or want to remove the SKU from the product page? We’ve got a solution
We hate custom code and hacky solutions to things that should be fundamentally fixed PROPERLY. But as always, we present the “stupid” way (using code) for these problems and the “better more enlightened” way (using a page builder that ANYONE could use).
Let’s get into how to hide the Category and SKU Meta data on the Product Page (from just below the Add to Cart Button)
WooCommerce remove category from product page
Table of Contents
WooCommerce hide category on product page
This article contains affiliate links which means we may earn a small commission if you purchase plugins and services we mention at no extra cost to you. We only recommend the best plugins and services – which we have used and can recommend.
Hiding the Category & SKU data on a Product Page with WooCommerce
You can use CSS as always to just disable the Category and SKU data from appearing. CSS removes this “Product Meta Data” from the Product Page.
.single-product .product_meta {
display: none;
}
Insert this code into the “Additional CSS” area of the Theme Customizer and you’re done. The Product Meta Data including Category and SKU will be deleted from the WooCommerce single product page.
If you’re looking for the “Additional CSS” area you’ll need to go to the WordPress Admin area, hover over “Appearance” in the left hand menu and click “Customize”.
Once you’ve done that, the WordPress theme customizer will appear and one of the items the Theme Customizer menu will be “Additional CSS” as shown below
How to hide the Category label and SKU Data on WooCommerce Product Pages using a page builder
You can build an entire new product page using a page builder without using a single line of code.
You don’t have to build anything fancy – you can in fact just build an almost exact copy of the default WooCommerce Product page and tweak the design to your requirements.
So in this example, you can simply “switch to page builder” on the product page and build the page WITHOUT WooCommerce Category and SKU data (Product Meta Data).
You’re not hiding WooCommerce Category and SKU data
You’re not disabling WooCommerce Category and SKU data
You’re removing WooCommerce Category and SKU data from the Product Page altogether.
This is, as far as we’re concerned the right answer from a technical standpoint and a much more sustainable and attainable answer for WooCommerce users who aren’t developers.
YOU DON’T need to be a developer to create and run a WooCommerce store – custom code solutions are damaging ways of creating poorly performing WooCommerce stores that are hacked together with “customisations”.
Use a page builder like Divi – which you can check out here – Read More About the Divi Theme and Page Builder all in one.
Related Topics – Removing Elements From WooCommerce
How to remove the checkout option from WooCommerce store
Customize the WooCommerce order Thank You page without code
Remove related products from WooCommerce product page without code
You Searched For:
woocommerce hide sku
woocommerce hide category on product page
woocommerce remove category from product page
woocommerce hide category from product page
