Master WordPress with IT10x

Step-by-step tutorials, code snippets, and best practices for customizing WordPress like a pro.

Explore Tutorials

How to Remove Description Tab in WooCommerce

Sun Feb 11 2024

How to Remove Description Tab in WooCommerce

Do you want to know How to Remove Description Tab in WooCommerce.

WooCommerce can transform a website into a fully functional e-commerce store. It is an open-source powerful and popular plugin. It comes with default settings, but it provides flexibility for customization. 

The Description tab plays an important role in effectively displaying the general overview of a product.

Why Remove Description Tab in WooCommerce

The Description tab in WooCommerce is a valuable tool for presenting comprehensive product information. Depending on your individual needs, you may consider removing it.

There are many reasons for the removal of the product descriptions tab in WooCommerce. It may be a need for website Layout  Design or you want to simplify the process of purchase. There are times when there is a lack of product information or you don’t want to display it.

In cases of mobile phones with smaller screens, having too many tabs can result in a cluttered user interface.

Updating the same product can be a challenge when its attributes vary, or the description may not be relevant.

You can remove the product description if you don’t want to emphasize it or for the reasons mentioned above.

How to Remove Description Tab in Woocommerce

In the following picture, you can see three tabs Description Tab, Additional Information, Reviews

We can remove any tab for these three tabs

How to Remove Description Tab in WooCommerce

Add the following code to your theme function.php to remove description tab in woo-commerce. 

add_filter( 'woocommerce_product_tabs', 'woo_remove_product_disc_tabs', 98 );

function woo_remove_product_disc_tabs( $tabs ) {

   unset( $tabs['description'] );          // Remove the description tab

   return $tabs;

}

After the addition of code to the function.php file you can see that the description tab has been removed from woo-commerce. 

How to Remove Description Tab in WooCommerce

How to Remove Additional Information Tab in Woocommerce

Add the following code to your theme function.php to remove Additional Information tab in woo-commerce. 

add_filter( 'woocommerce_product_tabs', 'woo_remove_product_additional_info_tabs', 98 );

function woo_remove_product_additional_info_tabs( $tabs ) {

   unset( $tabs['additional_information'] );   // Remove the additional information tab

   return $tabs;

}

How to Remove Review Tab in WooCommerce

Add the following code to your theme function.php to remove Review tab in woo-commerce. 

add_filter( 'woocommerce_product_tabs', 'woo_remove_product_review_tabs', 98 );

function woo_remove_product_review_tabs( $tabs ) {

   unset( $tabs['reviews'] );          // Remove the reviews tab

   return $tabs;

}

How to Remove Description Tab, Additional Information, and Review Tab in WooCommerce

In the following picture, you can see we have removed three tabs Description Tab, Additional Information, and Reviews together.

How to Remove Description Tab, Additional Information, and Review Tab in WooCommerce

Add the following code to the theme function.php file.

add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );

function woo_remove_product_tabs( $tabs ) {

   unset( $tabs['description'] );          // Remove the description tab

   unset( $tabs['additional_information'] );   // Remove the additional information tab

   unset( $tabs['reviews'] );          // Remove the reviews tab

   return $tabs;

}

Conclusion

In this article, you have learned how to remove description tab in WooCommerce. We hope it helps you to customize your WooCommerce description tab.

Related Posts