Deep catalogues
Let shoppers on a kettle page jump back to Cookware or Kitchen in one click.
Commerce / widget · Elementor module
Product Category Path Plugin for Elementor
Show the current WooCommerce product's category path, such as Kitchen / Cookware / Kettles, with linked parent categories.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product category pathProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Category paths from a real WooCommerce product
Each example below is the actual published output of the widget on a sample product assigned to Kitchen › Cookware › Kettles and to Gifts: the default lowest-ID path, a chosen category, a styled path with an icon, plain text without links, and the empty text when the chosen category is not assigned.
02 / Inside WordPress
Product category path controls in Elementor
Content › Category source sets an optional category ID or slug and what to do when it is empty or not assigned. Display sets the label, accessible name, separator, whether parent and final categories are links, empty text and an optional icon. The Style tab covers alignment, typography, text, final-category and separator colours, spacing, padding, link colour and underline for normal, hover and focus states, and icon colour, size and gap.
03 / Website use cases
Where to use product category path
Products often sit deep in a category tree, and shoppers want to jump back to the wider category. WooCommerce stores no primary category, so a product in several categories has no single obvious path. Product category path shows the full parent-to-child trail of one assigned category, chosen by you or by a stable lowest-ID rule, with each level linked to its archive.
Products in several categories
Pick which category trail to show instead of whatever WooCommerce lists first.
Compact product meta
Show one clean category trail near the price instead of a long comma-separated list.
04 / Installation and setup
How to show a product's category path in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor and WooCommerce, connect your license and enable Product category path in the Complementor library.
Make sure your product categories have parents set under Products › Categories, so there is a path to show.
Add the widget to a single product template or a product page built with Elementor.
Leave Category ID or slug empty to use the lowest-ID assigned category, or enter the slug of the category you want to show.
Choose the label, separator and links, style the path, publish and check a product that sits in several categories.
05 / Content and style controls
Customize product category path in Elementor
Configure the settings available for this module to suit the page you are building.
Category ID or slug, shown only when the current product is assigned to it.
When empty or not assigned: use the assigned category with the lowest ID, or show your empty text.
Label, accessible navigation name and separator text.
Link parent categories and link the final category, each switchable.
Optional icon with colour, responsive size and gap.
Style: alignment, typography, text, final-category and separator colours, spacing, padding, and link colour and underline for normal, hover and focus.
06 / Choose the right approach
Product category path and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WooCommerce breadcrumbs
WooCommerce's breadcrumb shows Home, the category path and the product title from its own rules. Use it for a full site trail; use this widget for just the category path, with your choice of category, label and links.
Elementor Pro Product Meta
Elementor Pro's Product Meta lists a product's assigned categories, but as a flat list without their parents. This widget shows the parent-to-child path of one category.
07 / Requirements and compatibility
Product category path compatibility with Elementor
- Requires Elementor and WooCommerce; reads the current product only.
- One category path per widget; no primary-category integration with SEO plugins.
- Uses product categories only; other product taxonomies are not supported.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot product category path
Check these settings if the published page behaves differently from the editor.
Why does it show a different category than I expected?
With Category ID or slug empty, the widget uses the assigned category with the lowest ID, because WooCommerce does not store a primary category. Enter the slug of the category you want.
Why is nothing shown?
The chosen category is not assigned to the product and the fallback is set to the empty text, which is empty. Assign the category, choose the lowest-ID fallback, or write empty text.
Why does it show only one level?
The category has no parent. Set a parent category under Products › Categories to build a path.
Why is the editor showing a hint instead of a path?
The widget reads the current product, so it needs a product page or a single product template previewed with a product.
Product category path plugin questions
Does it need Elementor Pro?
No. It works on product pages built with Elementor; Elementor Pro lets you place it in single product templates for every product.
Does it use the Yoast SEO primary category?
No. It does not read SEO plugin settings. Enter the category slug, or rely on the lowest-ID rule.
Can I show every category the product is in?
No. It shows one category path. Use a product meta or terms list for all categories.
Is it accessible?
Yes. The path is a navigation list with your own accessible name, and links get a visible focus outline you can style.
Does it include Home or the product name?
No. It shows only the category path, so you can place it beside your own breadcrumb or title.
10 / Annual All Access subscription
Get product category path with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.