---
title: "How to Create WooCommerce Product Category Filter in Elementor?"
url: https://theplusaddons.com/docs/create-woocommerce-product-category-filter-in-elementor/
date: 2023-09-14
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "A product-category filter is one of the most common WooCommerce filters - it lets shoppers narrow a large catalogue down to the department they actually want. Setting the WP Filters..."
image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Create-WooCommerce-Product-Category-Filter-in-Elementor_-1024x536.jpg
word_count: 239
---

# How to Create WooCommerce Product Category Filter in Elementor?

## 

- WP Filters sets Filter Type to Woo Filter and source to Product Categories, so it reads from the store’s real category tree.
- The Plus Addons for Elementor Pro is required for the WP Search Filters widget, and the widget is enabled under The Plus Addons > Widgets by searching for WP Filters and turning its toggle on.
- WP Filters offers Button, Color, Image, and Rating display styles, and its settings include Show Child Category to include sub-categories in the filter list.

A product-category filter is one of the most common WooCommerce filters - it lets shoppers narrow a large catalogue down to the department they actually want.

Setting the WP Filters widget's **Filter Type** to **Woo Filter** and its source to **Product Categories** builds this from your store's real category tree.

For the full settings tour of the **WP Search Filters** widget, see [WP Search Filters Widget Settings Overview](https://theplusaddons.com/docs/wp-search-filters-widget-settings-overview/).

***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/woocommerce-builder/ajax-filters/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Edition:** WP Search Filters is a **Pro** widget - it requires The Plus Addons for Elementor Pro to be installed and active.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **WP Filters** and turn its toggle on.- **Prerequisite:** [WooCommerce](https://wordpress.org/plugins/woocommerce/) installed and active, with at least a few products published.- Products assigned to at least two categories.

## Steps

Add the WP Filters widget, set **Filter Type** to **Woo Filter**.

![Filter Type set to Woo Filter](https://theplusaddons.com/wp-content/uploads/2026/09/wp-search-filters-filter-type-woo.webp)

Choose a display style - **Button**, **Color**, **Image** or **Rating** - then set **Select Attributes** to your store's Product Categories taxonomy.

![Select Attributes control listing WooCommerce taxonomies](https://theplusaddons.com/wp-content/uploads/2026/09/wp-search-filters-woo-attribute-source.webp)

## Settings Overview

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| Filter Type | Set to Woo Filter for WooCommerce-specific filtering. | - |
| Select Attributes | The WooCommerce taxonomy the filter reads from. | - |
| Show Child Category | Include sub-categories in the filter list. | Off |

## Related Docs

- [How to Filter WooCommerce Products by Attribute in Elementor?](https://theplusaddons.com/docs/filter-woocommerce-products-by-attribute-in-elementor/)- [How to Add Alphabetical Filter for WooCommerce in Elementor?](https://theplusaddons.com/docs/add-alphabetical-filter-for-woocommerce-in-elementor/)

## Frequently Asked Questions

**Q: What do I need before creating a WooCommerce product category filter in Elementor?**
A: Elementor needs to be installed and active, WooCommerce needs to be installed and active, and your store should already have at least a few published products assigned to at least two categories. The WP Filters widget is also a Pro widget, so The Plus Addons for Elementor Pro must be installed and active. That setup matters because the filter reads from your store’s real category tree, not from placeholder data.

**Q: Why is my product category filter not showing any categories?**
A: The usual cause is that the store does not yet have enough category data for the filter to read. This setup expects published products assigned to at least two categories, because the widget builds the filter from your real WooCommerce Product Categories taxonomy. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH powers that filtering inside Elementor, so empty or underfilled catalogs can leave the list looking blank or too limited.

**Q: How do I create a product category filter for WooCommerce products in Elementor?**
A: The core setup is simple: add the WP Filters widget, set Filter Type to Woo Filter, then point Select Attributes at Product Categories. That makes the filter pull from your store’s actual category tree instead of a generic list. The page also notes that you can choose a display style such as Button, Color, Image, or Rating, which affects how shoppers scan and click categories in the catalog.

**Q: Can I include sub-categories in the WooCommerce category filter?**
A: Show Child Category controls whether sub-categories appear in the filter list, and its default is Off. Turning it on makes sense when your catalog has nested departments and you want shoppers to drill down more precisely instead of only seeing top-level categories. The Plus Addons for Elementor Pro exposes this through the WP Search Filters widget settings, so it is useful when your category tree is deeper than a flat shop structure.

**Q: What display style should I use for a WooCommerce category filter in Elementor?**
A: The page lists Button, Color, Image, and Rating as display styles for the WP Filters widget. Button is usually the cleanest choice for plain category navigation, while Image or Color makes more sense when categories have strong visual identity. The right choice depends on how your catalog is organized, because the style changes how quickly shoppers can recognize and narrow departments.

**Q: Where can I find more settings for the WP Filters widget?**
A: The full settings tour is covered in [WP Search Filters Widget Settings Overview](https://theplusaddons.com/docs/wp-search-filters-widget-settings-overview/), which is the right reference when you want context beyond just category filtering. The page also points to related guides for [filtering by attribute](https://theplusaddons.com/docs/filter-woocommerce-products-by-attribute-in-elementor/) and [adding an alphabetical filter](https://theplusaddons.com/docs/add-alphabetical-filter-for-woocommerce-in-elementor/), so this tutorial sits inside a broader filtering toolkit from The Plus Addons for Elementor.