--- title: "How to Display Products Using an AJAX Filter in Product Listing?" url: https://theplusaddons.com/docs/display-products-using-an-ajax-filter-in-product-listing/ date: 2025-06-30 modified: 2026-09-28 lang: en author: "Aditya Sharma" description: "Does a category in your product filter come up empty even though you know it has products? The filter is only searching the products already on the page. The AJAX..." word_count: 322 --- # How to Display Products Using an AJAX Filter in Product Listing? ## - The Plus Addons for Elementor Woo Product Listing widget uses AJAX filter type to search the whole catalogue instead of only the products already on the page. - Woo Product Listing requires The Plus Addons for Elementor Pro, WooCommerce installed and active, and the widget enabled under ThePlus Settings > Widgets. - AJAX still respects Maximum Posts Display, so with 8 products and a limit of 5 it finds all 8 but shows no more than 5 matches. Does a category in your product filter come up empty even though you know it has products? The filter is only searching the products already on the page. The AJAX filter type in The Plus Addons Woo Product Listing searches the whole catalogue instead. *To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](https://theplusaddons.com/docs/product-listing-widget-settings-overview/).* ***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing/?utm_source=tpae&utm_medium=docs&utm_campaign=text#woo-products-wgts) ## Before You Start - **Edition:** **Pro** — the Woo Product Listing widget is part of The Plus Addons for Elementor Pro. It does not appear in the widget panel of the free plugin.- **WooCommerce** installed and active, with some published products.- **Widget to enable:** Woo Product Listing, switched on under **ThePlus Settings > Widgets**. ## Normal or AJAX? Say you have **8** products and **Maximum Posts Display** is **5**. | | Normal | AJAX | | --- | ------ | ---- | | Searches | The 5 products on the page | All 8 products | | Clicking a category whose products are not in the first 5 | Shows too few, or none | Fetches and shows them | **Normal**, the default: **AJAX**, with the same products: ## Step 1: Turn on the filter Add the **Woo Product Listing** widget with Product Listing Types on Normal Page and any layout except Carousel. In **Content > Category Wise Filter**, switch on **Category Wise Filter**. ## Step 2: Set Filter Type to AJAX Change **Filter Type** to **AJAX**. ![Filter Type set to AJAX in Content > Category Wise Filter](https://theplusaddons.com/wp-content/uploads/2026/09/tp-product-listout-filter-type-wide-ajaxfilter.webp) ## Step 3: Limit the first load Set **Maximum Posts Display** lower than your product count. With every product already on the page, Normal and AJAX behave the same. ## Limitations - **The display limit still applies.** AJAX searches everything but shows no more matches than Maximum Posts Display.- **Normal Page and Search List only,** not Carousel.- **Pro only.** The Woo Product Listing widget is not in the free plugin. ## Related Docs - [Woo Product Listing widget: settings overview](https://theplusaddons.com/docs/product-listing-widget-settings-overview/) — every control in the widget.- [Add a category filter](https://theplusaddons.com/docs/filter-woocommerce-products-by-category-in-elementor/)- [Share a link to a filtered view](https://theplusaddons.com/docs/create-a-shareable-url-with-category-filter-for-products-in-elementor/) ## Frequently Asked Questions **Q: Why does a product category look empty in the filter even when it has products?** A: The filter is only searching the products already loaded on the page, so a category can look empty if its products are outside the first batch. Switching the filter type to AJAX changes that behavior because it searches the whole catalogue instead. In practice, this matters most when Maximum Posts Display is lower than your total product count, since the normal filter can miss products that were never loaded. **Q: What do I need before using an AJAX filter in Woo Product Listing?** A: The Woo Product Listing widget is part of The Plus Addons for Elementor Pro, so it will not appear in the free plugin. You also need WooCommerce installed and active, with published products, and the widget must be switched on under ThePlus Settings > Widgets. That setup matters because the AJAX filter only makes sense once the listing widget and product data are both available. **Q: Should I use Normal or AJAX for category filtering in a product listing?** A: Normal only searches the products already on the page, while AJAX searches the whole catalogue. If Maximum Posts Display is 5 and you have 8 products, Normal can miss categories whose products are not in those first 5, but AJAX can fetch them. The tradeoff is that the display limit still applies, so AJAX finds more matches but still shows no more than Maximum Posts Display. **Q: How do I make category filtering search all products instead of just the first ones loaded?** A: The key change is setting Filter Type to AJAX in the Woo Product Listing widget after turning on Category Wise Filter. The widget needs to be on Normal Page with any layout except Carousel for this setup. That combination matters because The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses AJAX to search beyond what is already visible on the page. **Q: Why should I lower Maximum Posts Display when testing an AJAX product filter?** A: Lowering Maximum Posts Display creates a clear difference between Normal and AJAX behavior. With fewer products loaded initially, Normal only searches that small set, while AJAX can search all 8 products in the example from the page. If every product is already on the page, both modes behave the same, so reducing the first load is what exposes whether AJAX is actually doing useful work. **Q: Does the Woo Product Listing AJAX filter work with Carousel layouts?** A: No. The page limits this setup to Normal Page and Search List only, not Carousel. That limitation matters because Carousel changes how products are presented, and this tutorial’s AJAX filtering flow depends on a non-Carousel layout. If you want category filtering with this method, keep to a supported layout and use [Woo Product Listing widget: settings overview](https://theplusaddons.com/docs/product-listing-widget-settings-overview/) for the widget controls.