WooCommerce products contain certain information e.g. the product description, image, price, etc. Some product data lands in the product tabs like description, weight, attributes, or reviews. In this article, you may learn more about WooCommerce product tabs, what they are, and how to add custom ones.
Table of contents
- What are WooCommerce product tabs?
- How to add custom product tabs in WooCommerce?
- How to customize the product tabs?
What are WooCommerce product tabs?
By default, WooCommerce gathers product data and shows them in certain places.
The image, price, or short description appears at the top, while additional data about products go below. WooCommerce product tabs organize this information for better readability. Themes and plugins can also modify the product tabs layout or data (I use Storefront).
Reviews can be hidden based on the settings in WooCommerce → Settings → Products → General.
It's also possible to disable product reviews per WooCommerce product.
Let’s see what elements go in each product tab.
The default WooCommerce product tabs
-
Description
It’s self-explanatory. Its content comes from the WooCommerce product’s main description.
The short description usually goes just below the product title and price.
-
Additional information
WooCommerce products come with several sections for adding product information.
Attributes and shipping information (from the Product data) will appear in the Additional Information tab on the product page.
There is an option to hide some attributes from appearing on the product page.
A similar mechanism works for variable products. WooCommerce will show all attributes including ones specified for variations.
💡 Adding specific shipping details (weight and dimensions) for each variation will appear in the Additional Information tab when changing the product variation. -
Reviews
After enabling the product reviews in WooCommerce → Settings → Products → General, a new product tab will appear with the number of accepted reviews.
Store administrators will also see the reviews awaiting approval, but visitors will see only accepted ones in ().
How to add custom product tabs in WooCommerce?
Sometimes the default data is not enough. It’s possible to add custom product tabs in WooCommerce with additional information using actions and filters. In my example below, I add the code to show 3 new tabs.
The custom code can be as simple as a link, product meta, or advanced HTML layout.
Of course, one needs to remember to check if the code is correct and place it as a plugin or inside the theme’s functions.php file. The below code is just an example.
How to customize the product tabs?
As you’ve read earlier, adding the description, attributes & shipping information, or reviews is what makes the product tabs appear. But it’s also possible to adjust the standard product tabs in WooCommerce using the woocommerce_product_tabs filter.
Changing, removing, or reordering the WooCommerce product tabs requires custom code. There are several examples of using the woocommerce_product_tabs filter.
Summary
To sum up, in the article, I’ve visualized how to use the default and custom product tabs in WooCommerce for informational purposes. You may check out WP Desk free plugins.
