Hide the Description and Reviews Tabs in WooCommerce Products

WooCommerce products by default show  ‘description‘ and ‘reviews‘ tabs below the product on a WordPress product page, you can hide these tabs from view as well as a third tab ‘additional information‘ with a snippet of code that goes in your themes functions.php file

woo-description-tab-review

//Remove WooCommerce Tabs - this code removes all 3 tabs - to be more specific just remove actual unset lines
add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );
function woo_remove_product_tabs( $tabs ) {
unset( $tabs['description'] ); // Remove the description tab
unset( $tabs['reviews'] ); // Remove the reviews tab
unset( $tabs['additional_information'] ); // Remove the additional information tab
return $tabs;
}
view raw remove-tabs.php hosted with ❤ by GitHub

 

As well as remove the tabs you can rename the heading in the tabs with this snippet

//Rename WooCommerce Tabs - this code renames tabs - just include the tab line you want renamed and change the name in paranthesis, ie 'More Information' etc
add_filter( 'woocommerce_product_tabs', 'woo_rename_tabs', 98 );
function woo_rename_tabs( $tabs ) {
$tabs['description']['title'] = __( 'More Information' ); // Rename the description tab
$tabs['reviews']['title'] = __( 'Ratings' ); // Rename the reviews tab
$tabs['additional_information']['title'] = __( 'Product Data' ); // Rename the additional information tab
return $tabs;
}
view raw rename-tabs.php hosted with ❤ by GitHub

You can also re-order the tabs with this snippet

//Re-order WooCommerce Tabs - this code reorders tabs - the higher the priority(lowest number) goes first
add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 );
function woo_reorder_tabs( $tabs ) {
$tabs['reviews']['priority'] = 5; // Reviews first
$tabs['description']['priority'] = 10; // Description second
$tabs['additional_information']['priority'] = 15; // Additional information third
return $tabs;
}
view raw reorder-tabs.php hosted with ❤ by GitHub

Ref

 

1 Comment

  1. Fred on March 22, 2017 at 11:20 am

    I would like to hide product description for my store but show it to my mobile site! Is there a way?
    Thanks

Leave a Comment





%d bloggers like this: