The “Additional Information” tab on the single product page is somewhat annoying and, honestly, quite useless.
There are 2 simple methods to “hide” it or delete it completely: a CSS and a PHP solution. In the first case, you can input the code in your style.css; in the second case use your child theme’s functions.php.
However, Always remember that PHP is better than CSS: with CSS you load the element and then hide it, while with PHP you stop the element from loading. Clearly, PHP is a better way to do it!
PHP Snippet: Hide Additional Information Tab @ WooCommerce Single Product Page
/**
* @snippet Remove Additional Information Tab @ WooCommerce Single Product Page
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @testedwith WooCommerce 8
* @community https://businessbloomer.com/club/
*/
add_filter( 'woocommerce_product_tabs', 'bbloomer_remove_product_tabs', 9999 );
function bbloomer_remove_product_tabs( $tabs ) {
unset( $tabs['additional_information'] );
return $tabs;
}
“I don’t code – is there a plugin for that?”
As many readers would love to code but don’t feel 100% confident with it, I decided to look for a reliable plugin that achieves the same result.
In this case, there are two!
To start with, you can install Barn2’s WooCommerce Product Tabs plugin, which will let you do exactly the same thing and more. When you install the plugin, go to the plugin settings page and tick the box to hide the Additional Information tab. If you want to make other changes to your product page tabs, then you can do that too. You can rename the default tabs, add icons to them, and also create your own custom tabs containing whatever content you need. This will give you a lot more flexibility than the default Additional Information tab.
In alternative, I recommend the YITH WooCommerce Tab Manager plugin. On top of deleting default tabs such as the “Reviews” and “Description” ones, you can also add your own, conditionally show tabs based on category or product ID, print any content inside the new tabs such as custom shortcodes, hide on mobile and much more.
Hi Rodolpho,
I hope all is well and thank you for sharing your knowledge with us all. I have used the code to remove the additional information tab on the single product page but when I check it, my footer has been pulled up to cover almost all the single product page and changed the payout of it. Any idea what is going on and how to rectify this please?
Thanks in advance,
Kingsley
Hello Kingsley, you probably also need to add some CSS to “clear:both” the footer once the tabs are gone. Hope this helps!
Hey Rodolfo, thanks very for this tip. Just one extra question:
As expected, I’m left with just a “Description” tab. But now I have the word “Description” in the last remaining tab AND in larger font at the beginning of the actual description text. I hid the label row of the tab with CSS:
.wc-tabs {
display: none;
}
This works, but it also removes the top border of the Description area. I can’t target the H2 tag around the tab title as it has no class. Could I also do this in PHP somehow?
Thanks!
H.
Try with https://www.businessbloomer.com/woocommerce-remove-description-heading-tabs/
Hi Rodolpho, many thanks for your great job. I am using shortcode on my home page to display woocommerce product. Is this supposed to work even using shortcode because it isn’t working for me now.
Thank you in advance.
It should, but not 100% sure
That is amazing. Thanks a lot. Works on my theme 🙂
Cheers!
thanks for php hook! wonderful! and all website is very useful, many thanks for author!
Thank you!
Thanks for the info on Yith having a tab plugin. I didn’t realize it and I have a club account with them.
Great!
Thank you so much! 🙂
Yay!
Code works perfectly fine for me.
However, I am looking for a solution that hides tabs when they are empty/ don’t have any content – both custom and predefined tabs.
If they are not empty, the tabs should show.
Will you happen to know the condition for to achieve this?
Hello Richard, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!
Doesnt work on mobile version of astra
Ask Astra support please
Worked like a charm on Divi 4.0 and WordPress 5.2.4 on October 17th 2019
Awesome!
I have variable product, product has weight info as well, which will be displayed in the Additional Information tab.
I would like to keep the Additional Information Tab, but just show the Weight info
Derred, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!
Thank you, worked for me! March 28, 2019 using Elementor plugin and Layers for Elementor child theme.
Nice!
thanks for sharing mate, worked like a charm.
Excellent!
It doesn’t work! I put the code inside the functions.php inside my child theme but nothing happens.
if I use code to hide specific fields (eg.
function custom_override_checkout_fields( $fields ) {
unset($fields[‘billing’][‘billing_company’]);
unset($fields[‘billing’][‘billing_address_1’]);
unset($fields[‘billing’][‘billing_address_2’]);
….
}
that works! But I cannot delete the entire tab!
Giorgos, works for me, so there is something else wrong in your setup
Worked great for me with wordpress 5.1 and latest version of Woocommerce v3.5.5
I am also using Divi, with some child theme I’ve created.
Thanks keep up the good work!
Awesome!
Hi Rodolfo! Thanks for sharing…worked a treat!
Great!
This is still working like a charm at 12-2018. Thanks a lot
Nice 🙂
Thank you for this! It works great on WordPress 5.0, using Storefront theme 2.4.1.
Awesome 🙂
Hi Rudolfo. I tried adding the code into my css in my Flatsome theme. “There are 17 errors which must be fixed before you can save.” https://ibb.co/ezk5SK is an image of the error message, and what was highlighted as errors. Thanks if you have time to help fix this. Due to my hosting, I don’t have access to my PHP.
Hello Rona, you need to place PHP snippets in your child theme’s functions.php file – if you need more guidance, please take a look at this video tutorial: https://businessbloomer.com/woocommerce-customization-hangout/. Hope this helps!
Works perfectly, thanks Rodolfo!!
Brilliant 🙂
Hi Rodolfo, thanks for this. Just to let you know this worked perfectly for me on Woocommerce 3.3.2.
Brilliant 🙂
Worked for me. Removed Additional info tab which showed annoying shipping information which was confusing to the customer.
🙂
Hello. I have a single variable product and use “Custom Product Tabs for WooCommerce” for additional custom tabs. I tried the CSS route via the following code to remove the “Additional Information” tab that automatically appears as a variable product. It successfully removes the tab, however oddly the default content previously contained in the “Additional Information” tab displays until you click any tab even though there is no “Additional Information”. Any idea?
.additional_information_tab {
display: none;
}
Wade, please use the PHP snippet I provided, and not CSS 🙂
hi dude, is possible to just hide the tab of additional information for some users? i mean hide to all people without suscribtion, but show only to members (clients,suscribers,admin)
Hey Mau, of course 🙂 I suggest you take a look at “conditional logic”: https://businessbloomer.com/conditional-logic-woocommerce-tutorial/ and https://businessbloomer.com/woocommerce-conditional-logic-ultimate-php-guide/. Let me know 🙂
How to remove “additional information” tab @ variable product?
I am adding custom tab “how to use”, and I would like to remove ‘additional information’ tab from my product.
Hey Joe, this snippet does just that 🙂
Hi Rodolfo,
Just installed the WooCommerce plugin on my site and used this php code to remove the Additonal Information tab, Thank you!!
Brilliant 🙂
Hi Rodolfo,
Tried adding this code to my child theme functions.php, unfortunately it temporarily broke my site, lol. Needed to go in via FTP and remove the code, not even the admin page would show.
Error was something like :
Any idea why this would have happened?
Regards,
Liam.
I’m running WC 3.2.6 and PHP 7.1.4 🙂
Hey Liam, thanks for your comment! Just retested on 3.2.6 and I got no error. You must have pasted an extra space or something like that – try again:)
Amazing as always Rodolfo!
I needed to hide this tab and to create a new tab showing different information on my Product page, and your post was extremely helpful.
Thanks a lot!
Thanks Rod 🙂
works fine! thank you
🙂
It works, but it allows the “Related Products” title to move way up under the product image, sometimes that title is even between the product image and the product description/information.
Must be my theme or something..too bad.
Thanks anyways!
Ashly, thanks for your comment! Yes, it must be your theme – try adding this CSS:
.related.products { clear:both; }thanks :). it worked
Brilliant 🙂
Hi, Is it possible to just hide the [Additional Information] header on the checkout process?
Hey Lee, try with this: https://businessbloomer.com/woocommerce-remove-order-notes-checkout-page/
Thank you kindly for this. 🙂
🙂
Worked like a charm for me! Don’t exactly know HOW it worked (ask me again in 6 months when I’ve finished my courses!) but – it worked. That’s all I care about! Simple. Effective. Awesome. Now – your next mission should you choose to accept it – write some code to make me look 30 again…! 🙂
Ahah brilliant, thanks Nicola 🙂
Worked great!
Thanks Carol 🙂
Didn’t work for me. When I enter the code at the end of /home/uscenes/public_html/wp-content/themes/idstore-child/functions.php the website goes offline and I just have a blank page with this at the top: Parse error: syntax error, unexpected ‘{‘ in /home/uscenes/public_html/wp-content/themes/idstore-child/functions.php on line 282
When I enter the code into functions.phi it highlights this error: Syntax error, unexpected ‘{‘
Any idea what might help?
Thank you
Hey Mat, thanks for your comment! There is no syntax error in my snippet, so you probably you forgot to paste the final “}”. Let me know 🙂
Thanks for the response Rodolfo. I had actually put the code in the wrong place. We have had various people do work on the site in the past, so there are a few functions.php files. I think I may have got the above error because I pasted in the wrong code too.
Anyway, I found the right one and it works, thanks so much, product pages look much better now. 🙂
Good to know! 🙂
Excellent ! Thank you very much !
🙂
Awesome!!!!
Thanks for your feedback Martin 🙂
Worked like a charm. Thank you!
Cheers Peter, thanks so much for your feedback!
Neither works for me when I add to child theme. Any ideas why?
Thanks for your comment Dana! It could be that your theme has customized the Woo tabs, and therefore my default snippet doesn’t work 🙂
Sorry, that’s the “Related items” title that is all squished up in the gutter
Thanks for your comment Angela! I can’t see your site but it’s as simple as adding the following CSS to the “Related Products” div:
Hi Rodolfo,
Thanks for your help! Can you please explain how to add the CSS to the “Related Products” div?
I have the same issue as Angela – thanks!
This is custom to your specific theme, so I can’t help here via the comments. Thanks a lot for your understanding! ~R
Hello Rodolfo,
Thanks so much for this post! The php solution worked a treat… except. The products table was removed (excellent!) but now the “Related products” title is still showing, but now it’s all squished up in the gutter between the main product image and the product text area.
Any assistance much appreciated!
Thanking you,
Angela
Hi thanks for this post.
I was able to have the tab removed but not the actual additional information. Any way to do that? Or to have the additional information and its tab no open by default?
Hey Carmine, thanks for your comment! From what I see, the Additional Info tab is still there. It seems you’ve removed the Description Tab instead, and you even have a PHP error. Try again and let me know 🙂
Thank you, CSS fix worked!
Awesome Reinout, thanks for your feedback!
Thanks for the post. Still works in January 2017.
Brilliant, thanks so much for your feedback Anon!
Thank you so much. Works neat. I wasn’t looking for css-only. Using function is definitely a better solution 🙂
Awesome, thank you so much for your feedback!
Hi,
How to remove the Addtional Information block in checkout page ..i want remove that entire additional information block with its fields also…
how can i do that..
help me out
Hi Venky, thanks for your inquiry! Check this out: https://bryceadams.com/remove-additional-notes-woocommerce-checkout/ – hope it helps 🙂
Thanks for the info – useful. I’m using the css option and it works but not on a mobile phone. Any suggestions?
Thanks again.
Cool, thanks for your feedback! Possibly there is a CSS media query that is overriding my CSS. Try this:
html li.additional_information_tab { display: none !important; }If this does not work, then your theme is either changing class to the element, and therefore my CSS won’t work. Send me your website address in case and I’ll send you a quick fix!
Hope this helps 🙂
Thanks so much for your reply – great to have your help.
Unfortunately that didn’t work. I’m using the Divi site here on a work in progress site:
https://lasaviahealing.nz/product/cleavers-self-relianceasking-for-help/
There is no Additional Info Tab with the css code until the screen gets small enough at the point where the tabs change form being horizontal to vertical. I’ve tried using FireBug but can’t seem to find the right css code.
Thanks for any help …
Neal
Hey Neal, thanks for your comment! Your theme gives {display: block !important;} to that element on small screens so possibly you haven’t given enough “CSS priority” to my CSS snippet. Try this:
html li.additional_information_tab { display: none !important; }Thanks again for your help – though unfortunately that still didn’t remove the Additional Tab from a phone screen.
I tried the php soliution and that works fine across all screen sizes, so maybe I’ll just leave it at that. Thank you so much for your time.
Have a great day …
Neal
Awesome Neal! I gave for granted the PHP snippet didn’t work for you and you were looking for a CSS fix instead. The PHP solution is WAY better than the CSS one – so glad you got that to work! Thank you 🙂
Hi Rodolfo,
Many thanks. Worked perfectly!
Thanks – worked great!
You’re welcome Dave 🙂
Thank you! 🙂
You’re welcome Greg! Have a great day 🙂
Hi, is it posible to show all the content but without tabs? just like sections in the product page? I mean, all the content visible with scroll.
Yes Vlad, I’m sure there is a way to do that – unfortunately this is custom and unless I decide to make a post in the future I can’t help now 🙂 Thank you!
Most useful Rodolfo, just what I was trying to achieve.
Many thanks…
Cheers Ken 🙂 Best of luck with your website!