Shop sidebars
Let shoppers move between categories.
Commerce / widget · Elementor module
Store Product Category Menu Widget Plugin for Elementor
Add a navigation menu of WooCommerce product categories as a nested list, chips or image tiles, with product counts, the current category marked and Uncategorized left out.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Store product category menuProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published widgets listing the demo store’s product categories.
02 / Inside WordPress
Store product category menu controls in Elementor
Menu sets the heading and its tag, a list, chips or image tiles, nested subcategories or the top level only, the number of categories, the order (name, WooCommerce order or most products), counts, leaving out Uncategorized and empty categories, and an icon. The Style tab covers the text and surface, the icon, and the heading, link, hover and focus, current category and chip colours with spacing and tile width.
03 / Website use cases
Where to use store product category menu
Shoppers browse by category, and a hand-built menu goes stale every time a category is added or renamed. Store product category menu lists the store’s product categories as they are, with subcategories nested under their parents, as a list, chips or image tiles, shows how many products each holds, marks the category being viewed, and leaves out the Uncategorized catch-all and empty categories.
Home pages
Show category tiles with images.
Headers
A row of category chips under the navigation.
04 / Installation and setup
How to add a WooCommerce category menu in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install WooCommerce and Complementor, connect your license and enable Store product category menu in the Complementor library.
Add the widget to the shop sidebar, a header area or the home page.
Choose a list, chips or image tiles and how many categories show.
Choose the order and whether counts and subcategories show.
Style the heading, links and current category.
05 / Content and style controls
Customize store product category menu in Elementor
Configure the settings available for this module to suit the page you are building.
A nested list, chips or image tiles with the category images.
Subcategories nested under their parent, or top level only.
Ordered by name, WooCommerce’s category order or most products.
Product counts, read out as “12 products” by screen readers.
The category being viewed, or the product’s categories, marked as current.
Uncategorized and empty categories left out.
06 / Choose the right approach
Store product category menu and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Store shop link
A link or button to the shop or a category.
Store product search form
A product search with suggestions.
07 / Requirements and compatibility
Store product category menu compatibility with Elementor
- Requires Elementor and WooCommerce.
- Lists product categories, up to 50 at the top level and three levels deep in the nested list.
- Counts are WooCommerce’s category counts.
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 store product category menu
Check these settings if the published page behaves differently from the editor.
Why is a category missing?
It is empty, it is the default Uncategorized category, or it is past the maximum number. Change these settings to include it.
Why do tiles show a blank square?
The category has no image. Add one under Products › Categories.
Why does WooCommerce order look like name order?
Categories that were never dragged into order in Products › Categories follow those that were, by name.
Store product category menu plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Does it update when I add a category?
Yes. It lists the store’s categories each time the page is built.
Can it show category images?
Yes. Choose image tiles to use each category’s image.
Does it mark the current category?
Yes. On a category page, or a product in that category, the link is marked as current.
Is it accessible?
Yes. It is a navigation landmark named by its heading, with real links and counts read out in words.
10 / Annual All Access subscription
Get store product category menu 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.