Скачать или смотреть How to Display Product Categories and SKU in WooCommerce Additional Information Tab

Learn how to modify your WooCommerce product page to show product categories and SKU in the additional information tab for both simple and variable products.
---
This video is based on the question https://stackoverflow.com/q/77984186/ asked by the user 'Sjors' ( https://stackoverflow.com/u/5718376/ ) and on the answer https://stackoverflow.com/a/77984860/ provided by the user 'LoicTheAztec' ( https://stackoverflow.com/u/3730754/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Add product categories to WooCommerce product additional information

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Enhance Your WooCommerce Product Page: Display Product Categories and SKU

If you’re running an online store using WooCommerce, you may have noticed that the additional information tab on your product pages is somewhat limited in the data it displays. Many store owners want to show more essential information, such as product categories alongside SKU. In this guide, we’re going to tackle how to enhance the additional information tab on your product pages to showcase both the product categories and the SKU, positioning them in a clean, organized manner.

The Challenge

The main issue you may face is wanting to display the product SKU and categories in the additional information tab. You might already have a script that outputs the SKU but would like to add the product categories. Additionally, positioning the SKU at the top of the table rather than the bottom can improve user experience.

Below, we’ll explore a solution that not only includes the product categories but also formats the display correctly.

The Solution

To achieve this, we will modify a PHP function in your theme's functions.php file. Here’s how you can structure that function:

Step-by-Step Implementation

Access Your Theme’s Functions.php File:
You need to add the code to your child theme’s functions.php file or create a simple plugin for it.

Add the Revised Code:
Below is the modified PHP code that will display both the product categories and SKU in the additional information tab.

[[See Video to Reveal this Text or Code Snippet]]

Explanation of the Code

Function Hook: We use add_filter to hook our custom function into woocommerce_display_product_attributes, allowing it to modify the displayed attributes.

Display SKU: First, we check if the product type is simple and display the SKU accordingly. We do similar logic for variable products by looping through their variations.

Display Categories: After the SKU, we retrieve any assigned product categories and display them as well. The wc_get_product_category_list() function conveniently formats these categories for output.

JavaScript Control: A jQuery script handles visibility for SKU under variable products, hiding SKU fields until a variation is selected.

Conclusion

By following the above steps, you can effectively display product categories and SKU together, enhancing the informational content of your WooCommerce product pages. This not only improves usability for customers looking for quick product details but also adds to the professionalism of your online store.

If you have further questions or need help in implementing this solution, feel free to leave your comments below!