How to Filter WooCommerce Products by Category in Elementor?

Updated onApril 11, 2026By

Key Takeaways

  • The Product Listing widget from The Plus Addons for Elementor allows users to add a category-wise filter on product listings.
  • Category filter is available only in the Normal Page and Search List listing types, excluding the Carousel layout.
  • Users can set the filter type to normal or AJAX-based from the Filter Type dropdown.
Table Of Content

As an eCommerce business owner, you understand the importance of providing your customers with a seamless shopping experience. 

Being able to filter products by category is a crucial element for any online store, as it allows customers to easily find what they are looking for without having to sift through irrelevant items.

With the Product Listing widget from The Plus Addons for Elementor, you can easily add a category wise filter on your product listing.

To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

LIVE WIDGET LINK

To do this, make sure you’ve added some products to your WooCommerce store, then follow the steps – 

1. Add the Product Listing widget on the page, then select the appropriate listing type, style and layout.

Note: Category filter is only available in the Normal Page and Search List listing type, except the Carousel layout.

2. After that turn on the Category Wise Filter toggle. 

3. Then select product_cat from the Select Taxonomy dropdown.

To ensure this works, make sure to assign categories to your products, only then it will show here.

Product listing category filter new1 how to filter woocommerce products by category in elementor? From the plus addons for elementor

Now you’ll be able to see filter options in your product listing that you can use to filter the products by category. Similarly, you can set a filter based on different taxonomies.

From the Filter Type dropdown, you can set the filter type to normal or AJAX-based.

Then, from the Search Type dropdown, you can add the filter name or ID in the URL by selecting Slug or ID, respectively.

You can turn on the All Filter toggle to add an additional filter label to show all the products. You can edit the filter label from the All Filter Category Text field.

You can also select different predefined styles for the category filter labels for normal and hover states from the Category Filter Style and Filter Hover Style dropdowns, respectively. 

From the Filter Alignment section, you can align the filter.

Also, check How to Show WooCommerce Products in Grid Layout in Elementor.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the category filter isn't showing up in my product listing?

If the category filter isn't appearing, ensure that you've assigned categories to your products. The filter only shows if products are categorized correctly. Additionally, confirm that you're using the Normal Page or Search List listing type, as the category filter is not available in the Carousel layout.

Can I filter WooCommerce products by multiple categories using Elementor?

The Plus Addons for Elementor allows you to filter products by category, but it does not explicitly mention support for filtering by multiple categories simultaneously. You can set a filter based on different taxonomies, but the specifics of multi-category filtering aren't detailed in the documentation.

What is the best filter type to use for a smoother user experience?

For a smoother user experience, consider using the AJAX-based filter type. This allows for dynamic updates without reloading the page, making it easier for customers to find products quickly. You can set this option from the Filter Type dropdown in the Product Listing widget settings.

Does the category filter work on mobile devices?

The documentation does not specify mobile compatibility for the category filter. However, since The Plus Addons for Elementor is designed to enhance Elementor, which is responsive, the category filter should function on mobile devices as long as the overall layout is mobile-friendly.

What happens if I forget to turn on the Category Wise Filter toggle?

If you forget to enable the Category Wise Filter toggle, the filter options will not appear in your product listing. This means customers won't be able to filter products by category, potentially leading to a less efficient shopping experience.

Last reviewed: April 11, 2026

Related Docs