WooCommerce: Remove Additional Information Tab @ Single Product

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!

WooCommerce: Hide Additional Information Product Tab

PHP Snippet: Remove Additional Information Tab @ WooCommerce Single Product Page


/**
 * @snippet       Remove Additional Information Tab @ WooCommerce Single Product Page
 * @how-to        Watch tutorial @ https://businessbloomer.com/?p=19055
 * @sourcecode    https://businessbloomer.com/?p=317
 * @author        Rodolfo Melogli
 * @testedwith    WooCommerce 3.5.1
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */

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

function bbloomer_remove_product_tabs( $tabs ) {
    unset( $tabs['additional_information'] ); 
    return $tabs;
}

“I don’t code – is there a trustworthy 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, 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.

But in case you wish to code, keep reading πŸ™‚

Where to add this snippet?

You can place PHP snippets at the bottom of your child theme functions.php file (before "?>" if you have it). CSS, on the other hand, goes in your child theme style.css file. Make sure you know what you are doing when editing such files - if you need more guidance, please take a look at my free video tutorial "Where to Place WooCommerce Customization?"

Does this snippet (still) work?

Please let me know in the comments if everything worked as expected. I would be happy to revise the snippet if you report otherwise (please provide screenshots). I have tested this code with Storefront theme, the WooCommerce version listed above and a WordPress-friendly hosting on PHP 7+.

If you think this code saved you time & money, please join other Business Bloomer supporters and avail of 365 days of WooCommerce benefits. Thank you in advance :)

Need Help with WooCommerce Customization?

Check out these free video tutorials!

  • how-to-edit-woocommerce-with-php-snippets
  • woocommerce-hooks-add_action-list-visual
  • woocommerce-customize-single-product-page-PHP

Rodolfo Melogli

Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as a WooCommerce freelancer since 2011. His goal is to help entrepreneurs and developers overcome their WooCommerce nightmares. Rodolfo loves travelling, chasing tennis & soccer balls and, of course, wood fired oven pizza.

93 thoughts on “WooCommerce: Remove Additional Information Tab @ Single Product

  1. 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

    1. 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!

  2. Thank you, worked for me! March 28, 2019 using Elementor plugin and Layers for Elementor child theme.

    1. Nice!

  3. thanks for sharing mate, worked like a charm.

    1. Excellent!

  4. 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!

    1. Giorgos, works for me, so there is something else wrong in your setup

  5. 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!

    1. Awesome!

  6. Hi Rodolfo! Thanks for sharing…worked a treat!

    1. Great!

  7. This is still working like a charm at 12-2018. Thanks a lot

    1. Nice πŸ™‚

  8. Thank you for this! It works great on WordPress 5.0, using Storefront theme 2.4.1.

    1. Awesome πŸ™‚

  9. 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.

    1. 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!

  10. Works perfectly, thanks Rodolfo!!

    1. Brilliant πŸ™‚

  11. Hi Rodolfo, thanks for this. Just to let you know this worked perfectly for me on Woocommerce 3.3.2.

    1. Worked for me. Removed Additional info tab which showed annoying shipping information which was confusing to the customer.

  12. 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;
    }

    1. Wade, please use the PHP snippet I provided, and not CSS πŸ™‚

  13. 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)

  14. 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.

    1. Hey Joe, this snippet does just that πŸ™‚

  15. Hi Rodolfo,

    Just installed the WooCommerce plugin on my site and used this php code to remove the Additonal Information tab, Thank you!!

  16. 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 :

     Parse error: syntax error, unexpected '' (T_ENCAPSED_AND_WHITESPACE), expecting '-' or identifier (T_STRING) or variable (T_VARIABLE) or number (T_NUM_STRING) 

    Any idea why this would have happened?

    Regards,
    Liam.

    1. I’m running WC 3.2.6 and PHP 7.1.4 πŸ™‚

      1. 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:)

  17. 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!

  18. works fine! thank you

  19. 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!

    1. Ashly, thanks for your comment! Yes, it must be your theme – try adding this CSS:

      .related.products {
      clear:both;
      }
      
  20. thanks :). it worked

  21. Hi, Is it possible to just hide the [Additional Information] header on the checkout process?

  22. Thank you kindly for this. πŸ™‚

  23. 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…! πŸ™‚

    1. Ahah brilliant, thanks Nicola πŸ™‚

  24. 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

    1. 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 πŸ™‚

    2. 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. πŸ™‚

      1. Good to know! πŸ™‚

  25. Excellent ! Thank you very much !

  26. Awesome!!!!

    1. Thanks for your feedback Martin πŸ™‚

  27. Worked like a charm. Thank you!

    1. Cheers Peter, thanks so much for your feedback!

  28. Neither works for me when I add to child theme. Any ideas why?

    1. Thanks for your comment Dana! It could be that your theme has customized the Woo tabs, and therefore my default snippet doesn’t work πŸ™‚

  29. Sorry, that’s the “Related items” title that is all squished up in the gutter

    1. 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:

      clear:both
      
    2. 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!

      1. This is custom to your specific theme, so I can’t help here via the comments. Thanks a lot for your understanding! ~R

  30. 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

  31. 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?

    1. 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 πŸ™‚

  32. Thank you, CSS fix worked!

    1. Awesome Reinout, thanks for your feedback!

  33. Thanks for the post. Still works in January 2017.

    1. Brilliant, thanks so much for your feedback Anon!

  34. Thank you so much. Works neat. I wasn’t looking for css-only. Using function is definitely a better solution πŸ™‚

    1. Awesome, thank you so much for your feedback!

  35. 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

    1. Hi Venky, thanks for your inquiry! Check this out: http://bryceadams.com/remove-additional-notes-woocommerce-checkout/ – hope it helps πŸ™‚

  36. Thanks for the info – useful. I’m using the css option and it works but not on a mobile phone. Any suggestions?

    Thanks again.

    1. 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 πŸ™‚

      1. 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:

        http://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

        1. 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;
          }
          
          1. 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

            1. 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 πŸ™‚

  37. Hi Rodolfo,
    Many thanks. Worked perfectly!

  38. Thanks – worked great!

    1. You’re welcome Dave πŸ™‚

  39. Thank you! πŸ™‚

    1. You’re welcome Greg! Have a great day πŸ™‚

  40. 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.

    1. 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!

  41. Most useful Rodolfo, just what I was trying to achieve.

    Many thanks…

    1. Cheers Ken πŸ™‚ Best of luck with your website!

Questions? Feedback? Support? Leave your Comment Now!
_____

If you are writing code, please wrap it between: [php]code_here[/php]. Failure to complying with this (as well as going off topic) will result in comment deletion. You should expect a reply in about a week - this is a popular blog but I need to get paid work done first. Please consider joining #BloomerArmada to ask me 1-to-1 WooCommerce questions. Thank you :)

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.