--- 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-11 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 Woo Product Listing usa el tipo de filtro AJAX para buscar todo el catálogo, no solo los productos ya cargados en la página. - Woo Product Listing requiere The Plus Addons for Elementor Pro, WooCommerce instalado y activo, y el widget activado en ThePlus Settings > Widgets. - AJAX respeta Maximum Posts Display: con 8 productos y Maximum Posts Display en 5, encuentra coincidencias de todo el catálogo pero muestra como máximo 5 resultados. 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 filter show empty even when that category has products?** A: The filter is only searching the products already on the page, so an empty result usually means those products were never loaded into the first batch. The AJAX filter type in The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH searches the whole catalogue instead. That matters when Maximum Posts Display is lower than your total product count, because Normal mode can miss products that are not in the initial set. **Q: What do I need before using the Woo Product Listing AJAX filter?** A: The Woo Product Listing widget is part of The Plus Addons for Elementor Pro, so it will not appear in the free plugin. WooCommerce also needs to be installed and active, and you need some published products. The widget itself must be enabled under ThePlus Settings > Widgets. Those three checks matter because the tutorial assumes the widget is available before you start changing filter behavior. **Q: Should I use Normal or AJAX for product category filtering?** A: AJAX is the better choice when you want category filters to search beyond the products already loaded on the page. In the example from the page, 8 products with Maximum Posts Display set to 5 means Normal only searches those 5, while AJAX searches all 8 and can fetch matching items that were not in the first load. That difference is why empty or partial category results happen in Normal mode. **Q: How do I make category filters search all products instead of only the first page?** A: The key is to turn on Category Wise Filter in the Woo Product Listing widget, then change Filter Type to AJAX. The widget must be on Product Listing Types on Normal Page and use any layout except Carousel. In The Plus Addons for Elementor, this setup changes filtering from a page-limited search to a catalogue-wide search, which is what fixes missing category results. **Q: What happens if I set Maximum Posts Display too high for AJAX filtering?** A: If every product is already on the page, Normal and AJAX behave the same. The tutorial says Maximum Posts Display needs to be lower than your product count for AJAX filtering to show its value. That limit still applies even with AJAX, so it can search everything but will not show more matches than Maximum Posts Display. **Q: Can I use this AJAX filter setup with a carousel layout?** A: No, this setup is limited to Normal Page and Search List only, not Carousel. That restriction matters because the tutorial’s AJAX category filtering depends on a layout that supports page-based product loading. If you need more control over how the widget behaves overall, the [Woo Product Listing widget: settings overview](https://theplusaddons.com/docs/product-listing-widget-settings-overview/) covers every control in the widget.