Website Building » WooCommerce » How Do I Disable Tabs in WooCommerce?

How Do I Disable Tabs in WooCommerce?

Last updated on January 21, 2023 @ 1:10 pm

There are a few different ways that you can disable tabs in WooCommerce. One way is to simply remove the tabs from the product page. This can be done by going to your WooCommerce settings and selecting the “Remove Tabs” option.

Another way to disable tabs in WooCommerce is to hide them using CSS. You can add the following code to your theme’s stylesheet:

.woocommerce-tabs {
display: none; }

This will hide all of the tabs on your product pages. If you only want to hide certain tabs, you can Target them specifically with CSS selectors. For example, if you only want to hide the “Description” tab, you can use the following code:

PRO TIP: Please be aware that disabling tabs in WooCommerce may impact your store’s performance. If you are not comfortable with making these changes, we recommend that you consult with a developer.
.woocommerce-tabs .description {
display: none; }

You can also disable tabs in WooCommerce by editing the code of your theme. If you are comfortable with editing code, you can add the following line to your theme’s functions.php file:

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );

This will completely remove the tabs from your product pages. Be sure to create a backup of your theme before making any changes to its code.

In conclusion, there are a few different ways that you can disable tabs in WooCommerce. You can remove them entirely, hide them with CSS, or edit your theme’s code to remove them.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.