In this article, I will show you how to remove the additional information tab from the WooCommerce product page which you can do yourself without hiring a WordPress developer.
The additional information tab is a WooCommerce feature that lets you provide additional information regarding your product. This additional information may include data such as weight, measurements, and more. Although this additional information can be useful for certain situations depending on the products placed, this information is usually best placed briefly in the description area or custom fields. The additional information tab is only displayed if the WooCommerce product has extra properties attached to it and if the “visible on the product page” option is chosen.
However, this additional information may not apply to all products, and store owners might not want the additional information tab to be shown in the first place. Sadly, this isn’t a built-in feature in WooCommerce, there isn’t an option to alter or delete WooCommerce’s extra information tab.
Although, I have compiled three choices for getting rid of the additional information tab. It just requires more manual work. We will be exploring the following options and explaining the benefits and drawbacks of each:
- PHP Code Snippet
- CSS Code Snippet
- Dedicated WordPress Plugin
Remove The Additional Information Tab With A PHP Snippet
Removing the additional information tab using a PHP Snippet requires you to write some custom code since you won’t be using a plugin. Fortunately, the snippet code is straightforward thanks to WooCommerce because they provided us with the “woocommerce_product_tabs” filter which we can use to alter or delete additional information from the product tab.
As with coding, you must be precise, and no mistakes are made for it to work properly. Start by navigating to your theme folder and locating the “functions.php” file. Once opened you simply have to paste the following code into a new line.
/** Rintoove product data tabs */
add_filter( 'woocommerce_product_tabs', 'remove_product_tabs', 99 );
function remove_product_tabs( $tabs ) {
unset( $tabs['additional_information'] ); // This line will remove the additional information tab
return $tabs;
}
How To Remove The Additional Information Tab With CSS
Removing the additional information tab with CSS doesn’t actually “remove” it from the website itself. It only removes it from the “view” of the user. This means that if you inspect the website, you will still see the additional information tab, it’s just not in view. If this doesn’t bother you too much, then you’re in luck because the CSS snippet is much simpler than the tedious PHP snippet method.
Simply, navigate to your Appearance -> Customize -> Additional CSS and paste the following code:
/* To hide the additional information tab */
li.additional_information_tab {
display: none !important;
}However, keep in mind that your theme might provide a dedicated place to add additional CSS code, if so you want to put the code above in that file.
How To Remove The Additional Information tab With A Plugin
The easiest and quickest way is to use a plugin. This option is great for anyone not great with tech. All you have to do is install and activate a plugin like YITH WooCommerce Tab Manager. After activation, you can use the plugin settings to remove, modify, or delete the WooCommerce tabs and for some plugins, you can even make your custom tabs. The benefit of this approach is that it’s the simplest and most user-friendly way to go about it. However, the drawback is that you have another plugin that you now have to update and maintain.
Conclusion
Overall, the best method to remove the additional information tab is to use a PHP snippet. This way you don’t have to constantly update and maintain a plugin like YITH WooCommerce Tab Manager, and you also make sure to completely remove the additional information tab from existence which doesn’t happen if you use the CSS Code Snippet. But, all three methods have their benefits and drawbacks. It all depends on your situation.
