---
title: "How to Filter WooCommerce Products by Attribute in Elementor?"
url: https://theplusaddons.com/docs/filter-woocommerce-products-by-attribute-in-elementor/
date: 2023-09-14
modified: 2026-04-10
author: "Aditya Sharma"
description: "Attributes in WooCommerce are characteristics that define your products, such as color, size, material, and more. By filtering your products based on these attributes, you can help your customers narrow..."
image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Filter-WooCommerce-Products-by-Attribute-in-Elementor_-1024x536.jpg
word_count: 425
---

# How to Filter WooCommerce Products by Attribute in Elementor?

## Key Takeaways

- WP Search Filters widget from The Plus Addons for Elementor allows users to filter products by global attributes.
- Enabling WooCommerce Swatches in The Plus Addons for Elementor requires navigating to Extra Options in the dashboard.
- Users must create global attributes and assign them to products for the attribute filter to function properly.

Attributes in WooCommerce are characteristics that define your products, such as color, size, material, and more. By filtering your products based on these attributes, you can help your customers narrow down their search and improve their shopping experience.

With the WP Search Filters widget from The Plus Addons for Elementor, you can easily add filters based on different global product attributes.

*To check the complete feature overview documentation of The Plus Addons for Elementor WP Search Filters widget, [click here](/docs/wp-search-filters-widget-settings-overview/).*

***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](https://theplusaddons.com/elementor-listing//#search-filter-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

### Enable WooCommerce Swatches

But first, you have to enable The Plus Addons for Elementor swatches option. To do this -

1. From the Dashboard, go to **The Plus Addons **> **Extra Options** > **Settings**.

2. Scroll down to the **WooCommerce Swatches** section and enable it. 

![](https://theplusaddons.com/wp-content/uploads/2023/09/woo-commerce-swatches-2-1024x365.png)

To do this, make sure you’ve added some products to your WooCommerce store, then you have to use the WP Search Filters widget with the Product Listing widget.

> *Note: Make sure you’ve enabled both WP Search Filters and Product Listing widgets from The Plus Settings.*

Place the widgets in your desired location on the page or template, then follow the steps -

1. In the Product Listing widget, select **Search List **from the **Product Listing Types** dropdown.

![product listing search list](https://theplusaddons.com/wp-content/uploads/2023/08/product-listing-search-list.png)

2. Then select the appropriate style and layout.

3. In the WP Search Filters widget, open the **Category** item under the **Filter Area**.

4. From the **Filter Type** dropdown, select **Woo Filter**. 

5. Then, from the **Select Source** dropdown, you have to select the attribute type. You can either select image, button or color. Let’s select button here. 

6. Then select **Taxonomy** from the **Select Type** dropdown.

7. After that, select **Product Attribute** from the **Select Taxonomy** dropdown. 

8. Finally, in the **Select Attributes** dropdown, you’ll see all the global product attributes you have created and select the appropriate one.

> *Note: Make sure you have *[*created some global attributes and assigned them to some products*](https://www.wpbeginner.com/wp-tutorials/how-to-add-product-tags-attributes-and-categories-to-woocommerce/)*.*

> *Note: The list will only show global attributes, not any custom attributes.*

![wp search filters product attributes](https://theplusaddons.com/wp-content/uploads/2023/09/wp-search-filters-product-attributes.gif)

Now, you’ll be able to see an attribute filter that you can use to filter products by the selected attribute. 

From the **Show Count** toggle, you can show the product count.

Then, from the **Tooltip toggle**, you can show a tooltip on hover with the product count.

You can also manage item columns for desktop, tablet and mobile.

Also, read [How to Create WooCommerce Product Image Filter in Elementor](https://theplusaddons.com/docs/create-woocommerce-product-image-filter-in-elementor/).

## Frequently Asked Questions

**Q: What should I do if the attribute filter is not showing up?**
A: If the attribute filter isn't appearing, ensure you've created global attributes and assigned them to your products. The WP Search Filters widget from The Plus Addons for Elementor only displays global attributes, not custom ones. Double-check that both the WP Search Filters and Product Listing widgets are enabled in The Plus Settings.

**Q: Can I filter WooCommerce products by multiple attributes in Elementor?**
A: The WP Search Filters widget allows you to filter products by a single attribute at a time. However, you can create multiple filter widgets for different attributes on the same page. This way, customers can narrow down their search based on various characteristics like color, size, or material.

**Q: What is the best way to display product counts in the attribute filter?**
A: To show product counts in the attribute filter, use the Show Count toggle in the WP Search Filters widget settings. This feature helps customers see how many products are available for each attribute, enhancing their shopping experience by providing quick insights into inventory.

**Q: What happens if I forget to enable the WooCommerce Swatches option?**
A: If you don't enable the WooCommerce Swatches option in The Plus Addons for Elementor, the attribute filter may not display correctly. This setting is crucial for ensuring that your product attributes are visually represented in the filter, allowing customers to interact with them seamlessly.