Editing product data tabs

This is a Developer level doc. If you are unfamiliar with code/templates and resolving potential conflicts, select a WooExpert or Developer for assistance. We are unable to provide support for customizations under our Support Policy.

You need to add the code to your child theme’s functions.php file or via a plugin that allows custom functions to be added, such as the Code snippets plugin. Please don’t add custom code directly to your parent theme’s functions.php file as this will be wiped entirely when you update the theme.

These are the product data tabs as seen on the product page of the Storefront theme

The product data tabs as seen on the Storefront theme

Removing Tabs

↑ Back to top

Use the following snippet to remove specific tabs

-/**
- * Remove product data tabs
- */
-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 wc-remove-tabs.php hosted with ❤ by GitHub

Renaming Tabs

↑ Back to top

Use the following snippet to rename tabs.

	/**
	* Rename product data tabs
	*/
	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 wc-rename-tabs.php hosted with ❤ by GitHub

Re-ordering Tabs

↑ Back to top

Use the following snippet to change the tab order

	/**
	* Reorder product data tabs
	*/
	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 wc-reorder-tabs.php hosted with ❤ by GitHub

Customize a tab

↑ Back to top

The following snippet will replace the description tab with a custom function

	/**
	* Customize product data tabs
	*/
	add_filter( 'woocommerce_product_tabs', 'woo_custom_description_tab', 98 );
	function woo_custom_description_tab( $tabs ) {

	$tabs['description']['callback'] = 'woo_custom_description_tab_content'; // Custom description callback

	return $tabs;
	}

	function woo_custom_description_tab_content() {
	echo '<h2>Custom Description</h2>';
	echo '<p>Here\'s a custom description</p>';
	}

view raw wc-custom-tab.php hosted with ❤ by GitHub

Add a custom tab

↑ Back to top

Use the following snippet to add a custom global product tab

	/**
	* Add a custom product data tab
	*/
	add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );
	function woo_new_product_tab( $tabs ) {

	// Adds the new tab

	$tabs['test_tab'] = array(
	'title' => __( 'New Product Tab', 'woocommerce' ),
	'priority' => 50,
	'callback' => 'woo_new_product_tab_content'
	);

	return $tabs;

	}
	function woo_new_product_tab_content() {

	// The new tab content

	echo '<h2>New Product Tab</h2>';
	echo '<p>Here\'s your new product tab.</p>';

	}

view raw wc-add-custom-tab.php hosted with ❤ by GitHub

The Additional Information tab

↑ Back to top

Please note that the “Additional Information” tab will only show if the product has weight, dimensions or attributes (with “Visible on the product page” checked). If you try to apply a change to that tab and if the product does not have weight, dimensions or attribute, you will get an error message similar to :

Warning: call_user_func() expects parameter 1 to be a valid callback, no array or string given in /mysite/wp-content/plugins/woocommerce/templates/single-product/tabs/tabs.php on line 35

In that case, you have to use WooCommerce conditional tags:

has_attributes()
has_dimensions()
has_weight()

	/**
	* Check if product has attributes, dimensions or weight to override the call_user_func() expects parameter 1 to be a valid callback error when changing the additional tab
	*/
	add_filter( 'woocommerce_product_tabs', 'woo_rename_tabs', 98 );

	function woo_rename_tabs( $tabs ) {

	global $product;

	if( $product->has_attributes() \|\| $product->has_dimensions() \|\| $product->has_weight() ) { // Check if product has attributes, dimensions or weight
	$tabs['additional_information']['title'] = __( 'Product Data' ); // Rename the additional information tab
	}

	return $tabs;

	}

view raw wc-add-additional-information.php hosted with ❤ by GitHub