Hide additional information woocommerce

New Page

April 14, 2020August 19, 2022 by Users Insights Team

How to remove additional information from WooCommerce

In this tutorial, we will show you how to remove the additional information tab from the WooCommerce product page.

The additional information tab is a WooCommerce feature that allows you to view product details such as weight, dimensions, etc. While this might be useful for some use cases, most of the time this data is best placed in the short description section or custom fields. The Additional Information tab is displayed only if the WooCommerce product has added additional attributes to it. Attributes must also have the “visible on product page” option selected.

This information may not be useful for all products and desired by all store owners. Unfortunately, similar to removing WooCommerce related products, there is no built-in option to edit or remove the additional WooCommerce information tab.

This leaves us with three different options to remove it using:

  • Dedicated WordPress plugin
  • CSS snippet
  • PHP code snippet

We’ll explore all three options and the pros and cons of using them.

woocommerce delete additional information

How to Remove WooCommerce Additional Info Tab with a Plugin

If you are not a tech person and you like a method that is quick and easy, then this is the option for you. All you need to do is install a plugin like YITH WooCommerce Tab Manager and activate it. Once active, use the plugin options to remove, change or delete the WooCommerce tabs. You can even create your custom tab. The benefit of using this method is that is the most simple and the most beginner-friendly. The downside is that now you have one more plugin to update and manage.

woocommerce remove extra info plugin

How to hide additional information tab WooCommerce with CSS

A little more involved, yet quite simple way is to use CSS. You can add this simple one line of code to the Appearance -> Customize -> Additional CSS. If your theme provides a dedicated place to add additional CSS code, then you might want to put the CSS sniped in there:

1

2

3

4

/* To hide the additional information tab */

li.additional_information_tab {

     display: none !important;

}

It is important to mention that the CSS method is less preferred when compared with the PHP method (that we are going to show below). This is because all that this CSS code does is hide the additional information from the viewer of the website. If you inspect the code, you can still see the actual tab code loaded on the page. So keep in mind that this is a simple method, but it is not the most optimal one performance-wise.

Removing the additional information tab using PHP code snippet

If you want to remove the Additional information tab without using a plugin, you will have to add some custom code to do it. Luckily the code is quite simple since WooCommerce provides us with the “woocommerce_product_tabs” filter that we can hook to and change or remove information from the product tab. When adding PHP code to WooCommerce and WordPress is important that done properly. The recommended way is to add the code into your child theme functions.php file (not your parent theme) alternatively you might use a dedicated snipped plugin like the code snippets plugin. To remove the additional information tab without a plugin we are going to have to our function and simply add a filter to the “woocommerce_product_tabs”:

1

2

3

4

5

6

7

8

/** Remove product data tabs */

 

add_filter( ‘woocommerce_product_tabs’, ‘my_remove_product_tabs’, 98 );

 

function my_remove_product_tabs( $ tabs ) {

   unset( $ tabs[ ‘additional_information’] ); // To remove the additional information tab

   return $ tabs;

}

You can use a very similar code to also remove the product description tab or the product reviews tab.

Remove the additional notes area from the WooCommerce checkout

If you’re interested in customizing the WooCommerce checkout page and want to remove the additional information on checkout you can do it in a very similar way. All you have to do is add the following code to your functions.php file (or use a dedicated plugin as mentioned above):

1

add_filter( ‘woocommerce_enable_order_notes_field’, ‘__return_false’ );

Conclusion

As you can see even though there isn’t an out-of-the-box option, there are a few different ways that you can get rid of the “Additional Information” tab from your WooCommerce store. Which method you’ll choose will of course depend on your preferences. If you are comfortable in dealing with code, you can use the PHP method. If however, coding is not your thing, you can use a dedicated plugin like the YITH WooCommerce Tab Manager. We hope you find this guide useful.

Artículos relacionados con la personalización de WooCommerce:

  • Cómo quitar el botón de añadir al carrito en WooCommerce
  • Cómo eliminar la categoría de la página del producto en WooCommerce
  • Cómo eliminar productos relacionados de WooCommerce

in Code / Tutorials

April 14, 2021August 9, 2022  by Users Insights Team

How to remove additional information from WooCommerce

In this tutorial, we are going to show you how to remove the additional information tab from the WooCommerce product page.

The additional information tab is a feature in WooCommerce that allows you to display product details such as weight, dimensions, and more. Although it could be handy for some use-cases, most of the time this data is better placed in the short description section or custom fields. The Additional Information tab is displayed only if the WooCommerce product has added some additional attributes to it. The attributes need to also have the “visible on the product page” option selected to show.

This information might not be useful for all products and desired by all store owners. Unfortunately, just like with removing related WooCommerce products, there isn’t a built-in option to edit or remove the WooCommerce additional information tab.

This leaves us with three different options to remove it using:

  • Complemento dedicado de WordPress
  • Fragmento de código CSS
  • Fragmento de código PHP

Exploraremos las tres opciones y los pros y los contras de usarlas.

woocommerce delete additional information

Cómo eliminar la pestaña de información adicional WooCommerce con un complemento

Si no eres una persona tecnológica y te gusta un método que sea rápido y fácil, entonces esta es la opción para ti. Todo lo que necesita hacer es instalar un complemento como  YITH WooCommerce Tab Manager  y activarlo. Una vez activo, use las opciones del complemento para eliminar, cambiar o eliminar las pestañas de WooCommerce . Incluso puedes crear tu pestaña personalizada. El beneficio de usar este método es que es el más simple y el más amigable para principiantes. La desventaja es que ahora tiene un complemento más para actualizar y administrar.

woocommerce remove extra info plugin

Cómo ocultar la pestaña de información adicional WooCommerce con CSS

A bit more complicated, but quite simple way, is to use CSS. You can add this simple line of code to Appearance -> Customize -> Additional CSS. If your theme provides a dedicated place to add additional CSS code, you can place the trimmed CSS there:

1

of them

3

4

/* To hide the additional information tab */

li.additional_information_tab {

     display: none! important ;

}

It is important to mention that the CSS method is less preferred compared to the PHP method (which we will show below). Indeed, all this CSS code only hides the additional information from the viewer of the website. If you inspect the code, you can still see the actual tab code loaded on the page. So keep in mind that this is a simple method, but not the most optimal in terms of performance.

Remove additional information tab using PHP code snippet

If you want to remove the Additional Info tab without using a plugin, you will need to add custom code to do so. Fortunately, the code is quite simple since WooCommerce provides us with the “woocommerce_product_tabs” filter which we can connect to and modify or delete information from the product tab. When adding PHP code to WooCommerce and WordPress, it is important that it is done correctly. The recommended way is to add the code to your child theme’s functions.php file (not your parent theme); alternatively, you can use a dedicated snippet plugin like the Code Snippets plugin. To remove additional info tab without plugin,

1

of them

3

4

5

6

seven

8

/** Remove product data tabs */

 

add_filter(‘woocommerce_product_tabs’, ‘my_remove_product_tabs’, 98);

 

function my_remove_product_tabs($tabs) {

   unset( $tabs[‘additional_information’]); // To remove the additional information tab

   return $tabs;

}

You can use very similar code to also remove the product description tab or the product reviews tab.

Remove extra notes area from WooCommerce checkout

If you want to customize the WooCommerce checkout page and want to remove the extra information during checkout, you can do it in a very similar way. All you have to do is add the following code to your functions.php file (or use a dedicated plugin as mentioned above):

1

add_filter(‘woocommerce_enable_order_notes_field’, ‘__return_false’);

conclusion

As you can see, although there is no out-of-the-box option, there are several ways to get rid of the “Additional Information” tab from your WooCommerce store. The method you choose will of course depend on your preferences. If you are comfortable with code, you can use the PHP method. However, if coding is not your thing, you can use a dedicated plugin like YITH WooCommerce Tab Manager. We hope you find this guide useful.

Related Custom WooCommerce Items:

  • How to Remove Add to Cart Button in WooCommerce
  • How to remove category from product page in WooCommerce
  • How to remove related products from WooCommerce

in Code / Tutorials


Video Hide additional information woocommerce

Related Posts

Free chat room code for my website

Contents1 How to set up a free chat room on the website.2 3 comentarios2.1 Trackbacks/Pingbacks2.2 Submit a Comment Cancel reply3 How to Create a Chat Room Website…

Background image full screen css

Contents1 Cómo – Full Page Image1.1 Example1.2 Example2 CSS background image tamaño tutorial: how to codify a complete page background image3 Perfect Full Page Background Image3.1 Méthode CSS géniale,…

WordPress leverage browser caching

Contents1 Aproveche el almacenamiento in hidden del navegador1.1 Will it works for my website?1.2 Where are plugin options1.3 Some JavaScript files still display under Leverage Browser Caching1.4…

WordPress post to facebook page

Contents1 How to Automatically Post to Facebook from WordPress1.1 Download Now: How to Launch a WordPress Website [Free Guide + Checklist]1.2 1. Create an IFTTT account.1.3 2….

Download images from wordpress media library

Contents1 How to export your WordPress media library1.1 Download maintenant : How to launch a WordPress website [Free Guide + Checklist]1.2 How to export your WordPress media…

WordPress single post template

Contents1 How to Create Custom Unique Post Templates in WordPress2 Post Template Files2.1 author.php2.2 Fecha.php3 Handbook navigation4 How to Create Custom Single Post Templates in WordPress5 Video…