As Featured In Fatstacks

WooCommerce Hide Category & SKU on Product Page

Published Categorized as Website Design, Ecommerce Stores

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

WooCommerce hide category on product page

Get rid of category and sku on product page woocommerce

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.

Divi WordPress Theme

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

By Ashley Pearce

I'm the founder of Future State Media, a "small-on-purpose" creator-focused SEO agency skilled in helping creators systematically generate traffic, build audiences and maximise their monetisation whilst staying true to their brand.