---
title: "How to Create Horizontal WooCommerce Product Filter in Elementor?"
url: https://theplusaddons.com/docs/create-horizontal-woocommerce-product-filter-in-elementor/
date: 2023-09-14
modified: 2026-04-10
author: "Aditya Sharma"
description: "Are you looking to add a horizontal filter on your WooCommerce store? Horizontal filter can be really useful if you have limited number of filters as this will allow users..."
image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Create-Horizontal-WooCommerce-Product-Filter-in-Elementor_-1024x536.jpg
word_count: 286
---

# How to Create Horizontal WooCommerce Product Filter in Elementor?

## Key Takeaways

- WP Search Filters widget from The Plus Addons for Elementor allows users to create a horizontal filter for their WooCommerce store.
- Users must enable both WP Search Filters and Product Listing widgets from The Plus Addons > Widgets to utilize the filtering feature.
- To adjust the layout of filters horizontally, users can manage columns for different devices in the Column Manage section.

Are you looking to add a horizontal filter on your WooCommerce store? Horizontal filter can be really useful if you have limited number of filters as this will allow users to view all available filters at once, without having to scroll up and down.

With the WP Search Filters widget from The Plus Addons for Elementor, you can easily create a horizontal filter for your WooCommerce store.

*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)

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 Addons **> **Widgets***

Place the WP Search Filters widget then below that place the Product Listing widget 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. Then in the WP Search Filters widget, add your desired filters.

4. Now to make filters toggled, open a filter and click on the **Heading setting** pencil icon.

In the popup, make sure the **Toggle Disable** is enabled and **Default Toggle On** toggle is disabled.

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

5. Then from the **Column Manage** section you can adjust the columns for different devices to fit the filters horizontally.

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

Also, read [How to Create Off Canvas WooCommerce Product Filter Menu in Elementor](http://theplusaddons.com/docs/create-off-canvas-woocommerce-product-filter-menu-in-elementor/).

## Frequently Asked Questions

**Q: What should I do if the WP Search Filters widget isn't displaying on my page?**
A: If the WP Search Filters widget isn't appearing, ensure that both the WP Search Filters and Product Listing widgets are enabled in The Plus Addons > Widgets section. This is crucial because the WP Search Filters widget relies on the Product Listing widget to function correctly.

**Q: Can I use the horizontal filter for a WooCommerce store with many products?**
A: The horizontal filter is particularly useful for stores with a limited number of filters, as it allows users to view all available options at once. If your store has many products and filters, consider using a vertical layout to avoid clutter and improve user experience.

**Q: What is the best way to set up the columns for the horizontal filter on different devices?**
A: To optimize the appearance of your horizontal filter across devices, use the Column Manage section in the WP Search Filters widget settings. Adjusting the columns for different devices ensures that the filters display correctly and are easily accessible, enhancing the overall user experience.

**Q: What happens if I forget to enable the Toggle Disable setting for filters?**
A: If you don't enable the Toggle Disable setting, the filters may not function as intended, potentially leading to a cluttered interface. This setting allows users to toggle filters on and off, making it easier to navigate through options without overwhelming them.