How to Change Product Tab Titles and Headings in WooCommerce – 2026

Last updated on December 3rd, 2024 at 08:46 am

WooCommerce product tabs are an excellent way to organise product information, such as descriptions, reviews, and additional details. However, the default titles (“Description,” “Reviews,” etc.) might not suit your store’s branding or the type of information you want to display.

In this guide, we’ll show you how to change the titles and headings of WooCommerce product tabs to better align with your store’s needs, without using a plugin.


Step 1: Customise Product Tab Titles

The titles of the product tabs can be customised using the woocommerce_product_tabs filter. This allows you to rename tabs like “Description” or “Additional Information.”

Code to Change Tab Titles

Add the following code to your theme’s functions.php file or a child theme:

/*
 * Snippet: How to Change Product Tab Titles and Headings in WooCommerce – 2026
* Author: John Cook
* URL: https://wcsuccessacademy.com/?p=1745
* Tested with WooCommerce 10.7.0
* "This function renames the default product tab titles"
*/ function wcsuccess_change_product_tab_titles( $tabs ) { // Rename the "Description" tab if ( isset( $tabs['description'] ) ) { $tabs['description']['title'] = __( 'Product Details', 'woocommerce' ); } // Rename the "Reviews" tab if ( isset( $tabs['reviews'] ) ) { $tabs['reviews']['title'] = __( 'Customer Feedback', 'woocommerce' ); } // Rename the "Additional Information" tab if ( isset( $tabs['additional_information'] ) ) { $tabs['additional_information']['title'] = __( 'Specifications', 'woocommerce' ); } return $tabs; } add_filter( 'woocommerce_product_tabs', 'wcsuccess_change_product_tab_titles' );

Explanation:

  • Filter Hook: The woocommerce_product_tabs filter modifies the array of product tabs.
  • Tab Titles: Each tab’s title is updated using the $tabs array, with keys like description, reviews, and additional_information.

Step 2: Customise Tab Headings

By default, the tab content headings often match the tab titles. However, if you want to customise these headings further, you can override them using WooCommerce hooks.

Code to Change Tab Headings

Add this code to your functions.php file:

/*
 * Snippet: How to Change Product Tab Titles and Headings in WooCommerce – 2026
* Author: John Cook
* URL: https://wcsuccessacademy.com/?p=1745
* Tested with WooCommerce 10.7.0
* "This function customises the headings inside product tabs"
*/ function wcsuccess_change_product_tab_headings() { // Change the "Description" tab heading add_filter( 'woocommerce_product_description_heading', function() { return __( 'Detailed Product Overview', 'woocommerce' ); }); // Change the "Additional Information" tab heading add_filter( 'woocommerce_product_additional_information_heading', function() { return __( 'Technical Details', 'woocommerce' ); }); } add_action( 'init', 'wcsuccess_change_product_tab_headings' );

Explanation:

  • Custom Headings: Separate filters (woocommerce_product_description_heading and woocommerce_product_additional_information_heading) allow you to modify the headings for each tab independently.
  • Flexibility: This ensures the headings can differ from the tab titles for added customisation.
See also  How to Change the Product Tabs Order in WooCommerce - 2026

Step 3: Optional – Remove Unused Tabs

If your store doesn’t need certain tabs, you can remove them entirely for a cleaner product page.

Code to Remove Specific Tabs

/*
 * Snippet: How to Change Product Tab Titles and Headings in WooCommerce – 2026
* Author: John Cook
* URL: https://wcsuccessacademy.com/?p=1745
* Tested with WooCommerce 10.7.0
* "This function removes unnecessary tabs from the product page"
*/ function wcsuccess_remove_product_tabs( $tabs ) { // Remove the "Additional Information" tab unset( $tabs['additional_information'] ); // Remove the "Reviews" tab unset( $tabs['reviews'] ); return $tabs; } add_filter( 'woocommerce_product_tabs', 'wcsuccess_remove_product_tabs' );

Explanation:

  • Removing Tabs: The unset() function removes specific tabs by their keys.
  • Streamlined Display: Use this to simplify your product page if certain tabs are unnecessary.

Step 4: Styling the Customised Tabs

After updating the titles and headings, you may want to adjust the styling to align with your store’s branding.

CSS for Customised Tabs

Add this CSS to your theme’s style.css file or custom CSS area:

.woocommerce-tabs .wc-tab {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.woocommerce-tabs h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

Explanation:

  • Tab Titles: Adjusts the font size, weight, and colour of the tab titles.
  • Tab Headings: Customises the appearance of the headings within each tab.
See also  Move email address field to top of Woocommerce checkout page

Example Workflow

  1. Custom Tab Titles: Update the tab titles using the provided PHP code.
  2. Custom Tab Headings: Modify the tab headings for a more detailed or branded appearance.
  3. Remove Unused Tabs: Optionally, remove tabs that aren’t needed for your store.
  4. Styling: Use CSS to ensure the customised tabs match your store’s theme.

Conclusion

Customising WooCommerce product tab titles and headings allows you to create a more personalised and user-friendly product page. By following this guide, you can update your product tabs to better suit your store’s branding and content needs without relying on a plugin.

Test these changes in a staging environment before deploying them to your live store. For more WooCommerce customisation options, explore our WooCommerce Visual Hooks Guide or use our wp-config generator for advanced configurations.

0 0 votes
Article Rating

Stay In Touch

Was this post helpful? Why not show your support and buy me a coffee?

Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Scroll to Top
0
Would love your thoughts, please comment.x
()
x
×