How to Hide Product Description in WooCommerce

If you are a WooCommerce user and do not wish to display product description on the front end you can apply this simple CSS tweak to hide it.

  1. Install the Simple Custom CSS plugin from here: https://wordpress.org/plugins/simple-custom-css/. You can either download the zip file and upload manually or install it directly from the plugins menu of your admin dashboard.
  2. Go to “Appearance->Custom CSS”.
  3. Add this piece of CSS code in the Simple Custom CSS texarea:
#tab-description {
display:none !important;
}

If you just want to hide the “Product Description” header in the Description tab you can apply this tweak instead:

#tab-description h2 {
display:none !important;
}

Please note that this method of hiding doesn’t actually remove the product description from the page content. It only makes the description invisible. Search engines and users can still find the description in the HTML source. If you don’t want the product description to be present in the page, you can try the WooCommerce Hide Product Description plugin.

WooCommerce Hide Product Description Plugin

Installing and activating the plugin will automatically remove the description from WooCommerce product pages.

screenshot showing before and after a product description is hidden on a WooCommerce product page

Get the WooCommerce Hide Product Description Plugin

WooCommerce Hide Product Description
WooCommerce Hide Product Description
Hide product description on WooCommerce product pages.

Note:
* Do not purchase if you are not sure about a feature, contact us instead.
* Do not purchase to ask for more features or make the product work in a certain way.
* Do not try to scam us, we take it seriously. We are contributing to the WordPress community with free plugins and themes. If you cannot appreciate this our product is not the right choice for you.
* There is no refund/cancellation as it is a digital product.

Price: $39.99
Price: $29.99

Leave a Comment