How to Display Product SKU and Categories in Elementor
The Product Meta widget allows you to display WooCommerce product meta information inside Elementor product templates. This widget is used when building custom WooCommerce single product page layouts with Elementor.
The widget automatically displays product metadata such as SKU, product categories, and product tags. These details help customers understand product classification and improve product navigation.
This widget is commonly used when designing WooCommerce product templates with Elementor Theme Builder.
Part of WooCommerce Elementor Widgets #
The Product Meta widget is part of the WooCommerce widget collection included with Spexo Addons. These widgets allow you to design complete WooCommerce product templates directly inside Elementor.
You can explore the full collection in the WooCommerce Widget Library.
When to Use the Product Meta Widget #
The Product Meta widget is used when you want to display product metadata on a WooCommerce product page. This information typically includes SKU, categories, and product tags.
This widget is usually placed near the product summary area. It works well with widgets that Show the WooCommerce Product Name and Display the Product Price.
Requirements #
Before using the Product Meta widget make sure the required plugins and product data are available. This widget only works inside WooCommerce single product templates.
- WooCommerce plugin installed and activated
- Products created in your WooCommerce store
- Product categories or tags added in WooCommerce
- Elementor product template created
- Spexo Addons plugin installed and active
This widget works inside Elementor product templates created using the Theme Builder.
How to Add the Product Meta Widget #
Follow these steps to add the Product Meta widget inside an Elementor WooCommerce template.
- Open the WooCommerce single product template in Elementor.
- Search for the Product Meta widget in the Elementor widget panel.
- Drag the widget into your product layout.
- The widget will automatically display the WooCommerce product meta information.
After adding the widget the product metadata will appear inside your WooCommerce product template layout.
Style Settings #
To customize the Product Meta widget design open the Style tab in the Elementor panel.
Style #
From this section you can change text color, link color, typography, and spacing for the product metadata.
These settings help you match the metadata appearance with the rest of the WooCommerce product page layout.
Common Issues and Fixes #
If the product meta information does not appear in Elementor confirm that you are editing a WooCommerce single product template. This widget will not display dynamic product data on normal pages.
If SKU, categories, or tags are not visible check that these values are added in the WooCommerce product settings.
If the widget does not appear in Elementor review the Widget Setup Guide and confirm that the widget is enabled.
Frequently Asked Questions #
Why is the product meta not visible? #
The Product Meta widget only works inside WooCommerce single product templates. It will not display product data on normal pages.
What information does the Product Meta widget show? #
The widget displays WooCommerce product metadata such as SKU, product categories, and product tags.
Can I style the product metadata? #
Yes. You can customize text color, link color, typography, and spacing using the Style tab in Elementor.
Getting stuck? Feel free to Contact Our Support for further assistance.
Navigation:
