How to Hide Product Description Heading In WooCommerce

Are you looking for a way to hide the Description tab heading on the product page of your WooCommerce store?

Table of Contents

In this tutorial, you will learn how to override the single product meta template to hide the Description tab title using a custom PHP script. Moreover, I will share how you can add a new title here.

WooCommerce Hide Description Tab Heading

More than 5 million active installations trust WooCommerce in the WordPress community and each WooCommerce store owner always wants his store to be unique and scalable.

However, WooCommerce is flexible and scalable, and this is why the numbers continue to rise. WooCommerce is flexible for customization.

However, before we start, I recommend that you create a child theme.

When you create one, I recommend creating a functions.php within that child theme as well. This ensures that no changes you make will be lost during an update.

It is very easy to add a long description:

This is how the description is displayed on the product page:

Steps to Remove WooCommerce Description Tab Heading

If you want to hide the description tab title in your WooCommerce store, you can add this code snippet in your custom site plugin or theme’s functions.php:

Here are the steps that you need to follow:

Log into your WordPress site and access the Dashboard as the admin user.
From the Dashboard menu, click on Appearance Menu > Theme Editor Menu. When the Theme Editor page is opened, look for the theme functions file to add the function to hide the description tab title.
Add the following code to the functions.php file:

/**

 * @snippet       Remove "Description" Title @ WooCommerce Single Product Tabs

  */

add_filter( 'woocommerce_product_description_heading', '__return_null' );

This is the outcome:
Moreover, you can decide to change the product description title. To do this, add the following code in the functions.php file:

// Change the product description title

add_filter('woocommerce_product_description_heading', 'change_product_description_heading'); function change_product_description_heading() {  return __('NEW TITLE HERE', 'woocommerce'); }

This will be the outcome:

Conclusion

This post shares how you can hide the description tab title on a single product page. Additionally, I have added a bonus code snippet to change the description title. However, if you are not familiar with handling code, please contact a qualified WordPress developer so that you do not break down your site.

Joe

Joe is an experienced full-stack web developer with a decade of industry experience in the LAMP & MERN stacks, WordPress, WooCommerce, and JavaScript – (diverse portfolio). He has a passion for creating elegant and user-friendly solutions and thrives in collaborative environments. In his spare time, he enjoys exploring new tech trends, tinkering with new tools, and contributing to open-source projects. You can hire me here for your next project.

How to Hide Product Description Heading WooCommerce

WooCommerce Hide Description Tab Heading

Steps to Remove WooCommerce Description Tab Heading

Conclusion

Similar Articles

Related