<h2 style="color: #f5247d">Ajax-Enabled, Enhanced Layered Navigation</h2>
Give shoppers a faster, richer way to browse your store. The Ajax-Enabled, Enhanced Layered Navigation extension lets customers filter products instantly—without waiting for full page reloads. Perfect for stores with lots of variations or multiple product attributes.
<h3 style="color: #f5247d">Why it matters</h3>
<ul class="wccom-tick-list-secondary">
<li>Instant filtering: Ajax updates results in real time so shoppers don’t lose momentum.</li>
<li>Better UI options: Replace plain text links with interactive color swatches, size selectors, and checkboxes.</li>
<li>Improved product discovery: Help customers find exactly what they want—faster.</li>
<li>SEO safe: Attribute links are preserved to ensure your store stays visible in search engines.</li>
</ul>
<a href="https://woocommerce.com/wp-content/uploads/2012/04/ajax_colors.jpg"> 
<img class="aligncenter size-medium wp-image-17196" src="https://woocommerce.com/wp-content/uploads/2012/04/ajax_colors.jpg" alt="Filter with color swatches" width="400" /> 
</a>
<a href="https://woocommerce.com/wp-content/uploads/2012/04/ajax_sizes_filters.jpg"> 
<img class="aligncenter size-medium wp-image-17197" src="https://woocommerce.com/wp-content/uploads/2012/04/ajax_sizes_filters.jpg" alt="Filter with size selectors" width="400" /> 
</a>
<h2 style="color: #f5247d">Who it’s for</h2>
Ajax-Enabled, Enhanced Layered Navigation is built for stores with big or complex catalogs where customers need powerful filters to find the right product fast. Instead of making shoppers click through endless pages, it uses AJAX to instantly update results when filters change, creating a smooth, modern shopping experience.
With support for color swatches, size selectors, and checkboxes, it turns attributes into intuitive filters that reduce friction and speed up the path to purchase.
Here are some examples of who benefits most:
<ul class="wccom-tick-list-secondary">
<li>Fashion & apparel stores — Let shoppers filter by size, color, and style without reloading the page.</li>
<li>Electronics retailers — Help customers drill down by brand, specs, or features in large catalogs.</li>
<li>Home & furniture shops — Use swatches and checkboxes for materials, finishes, or dimensions.</li>
<li>Sporting goods & equipment stores — Quickly sort products by type, size, or use case.</li>
<li>Any store with hundreds of SKUs — Make large product catalogs easy to navigate and shop.</li>
</ul>
<hr style="clear: both" />
<h2 style="color: #f5247d">More information</h2>
<ul style="line-height: 1.8em">
<li>Read the <a href="https://woocommerce.com/document/ajax-enabled-layered-navigation/">documentation for Ajax-Enabled, Enhanced Layered Navigation</a> to explore setup, options, and FAQs.</li>
<li>Need help configuring layered navigation for your catalog? <a href="https://kestrelwp.com/support" target="_blank" rel="noopener">Contact Kestrel support</a>.</li>
</ul>
Made and supported by the team at: 
<a href="https://woocommerce.com/vendors/kestrel/"> 
<img src="https://static.kestrelwp.com/kestrel-logo.png?s=f375ba2aba62dd06c8e33dbc5d70ed9a9c6aa862" alt="Kestrel logo" width="200" height="45" /> 
</a>

Ajax-Enabled Enhanced Layered Navigation

Give your customers faster, more intuitive product filtering with Ajax-powered layered navigation. Replace boring text links with swatches, size selectors, and checkboxes, making it easy for shoppers to find and filter exactly what they want without reloading the page.

The WooCommerce pagination plugin provides three different pagination options to help you improve your website’s catalog browsing experience. Replace your current pagination with:
<ul>
<li>Infinite scroll ― load more products as customers scroll down the page.</li>
<li>Ajax pagination ― enable Ajax pagination to load more products without page reloads.</li>
<li>Load More button ― add an Ajax-based Load More button and allow customers to load more products with one click, without refreshing pages.</li>
</ul>
<hr class="wccom-product-heading__hr" />
Provide customers with WooCommerce pagination, infinite scroll, or load more buttons so that your customers no longer need to reload pages to navigate through the product catalog. Display ‘back-to-top” and “show less” buttons and make it easy for customers to scroll back to the top.
Customers can easily navigate through the entire catalog by using one of three pagination methods provided by the WooCommerce product pagination plugin. It will improve website engagement and retention by decreasing load times and making content browsing seamless.
<h2>Ajax Pagination and Infinite Scroll Features</h2>
<ul>
<li>Three different product loading methods:</li>
</ul>
<ol>
<li>Infinite scroll</li>
<li>Ajax based pagination</li>
<li>Load more button</li>
</ol>
<ul>
<li>Select the number of products to load initially</li>
<li>Choose the number of products to load on click</li>
<li>Choose pagination style and type</li>
<li>Upload custom “loading icon” for infinite scroll and load more button</li>
<li>Customize position and color for Ajax pagination and infinite scrolling.</li>
<li>Enable the “Back to Top” button</li>
<li>Display the “Show Less” button when the Load More button is enabled</li>
<li>Customize load more button text, background, and text color</li>
</ul>
<h3>Ajax-based pagination</h3>
WooCommerce load more products plugin enables you to replace the default pagination with an Ajax-based pagination style. It allows you to display more products without reloading the page. You can choose from different pagination types, such as arrows or next/previous.
<img class="aligncenter wp-image-18734002842419 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/2023-11-10_15-50-22.png" alt="Ajax-based pagination" width="850" height="573" />
<h3>Enable infinite product scroll</h3>
Load more products as the user scrolls down with the WooCommerce infinite scroll plugin. Choose how many products to display initially and select the number of products after which the footer will show and you can load more products if you want with the laid more button.
<img class="aligncenter wp-image-18734002842422 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/2023-11-10_15-48-17.png" alt="Enable infinite product scroll" width="858" height="553" />
<h3>Display Load More button</h3>
Instead of loading products on a scroll or with pagination, you can place an Ajax-based Load More button to let customers load more products with a single click. The WooCommerce pagination plugin allows you to upload the product loading icon and customize the text of the “Load More” button.
<img class="aligncenter wp-image-18734002842424 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/2023-11-10_16-07-56.png" alt="Display Load More button" width="836" height="533" />
<h3>Choose from multiple pagination styles</h3>
With the WooCommerce custom pagination plugin, you can choose from multiple Ajax pagination styles which include:
<ul>
<li>Highlighting selected links</li>
<li>Large number of links</li>
<li>Custom input</li>
<li>Round corner pagination</li>
<li>Pagination link application</li>
<li>Simple application</li>
<li>Next and Previous links</li>
</ul>
<img class="aligncenter wp-image-18734002842421 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/image5-1.png" alt="Choose from multiple pagination styles" width="676" height="200" />
<h3>Add a Show Less button</h3>
When you have enabled the “Load More” button, the WooCommerce infinite scroll plugin allows you to display a “Show Less” button. The “show less” button can be customized to fit your store’s theme.
<img class="aligncenter wp-image-18734002842428 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/2023-11-10_16-08-48.png" alt="Add a Show Less button" width="822" height="542" />
<h3>Include a Back-to-Top icon</h3>
The “back to top” option makes it easier for customers to scroll back up using the WooCommerce load more products plugin. It allows you to customize the “back to top” icon, and change the icon color, and position.
<img class="aligncenter wp-image-18734002842430 size-full" src="https://woocommerce.com/wp-content/uploads/2023/11/2023-11-10_16-06-22.png" alt="Include a Back-to-Top icon" width="953" height="464" />
<h3>Extensive customization options</h3>
The WooCommerce product pagination plugin empowers you with a wide range of customization options. You can choose the color, position, product loading icons, and text for each product loading type. Moreover, you can customize the “Load More” and “Back to Top” buttons as per your requirements.

Ajax Pagination & Infinite Scroll

Load products quickly with Ajax pagination, infinite scroll, and a Load More button.

Ajax-Enabled Enhanced Layered Navigation vs Ajax Pagination & Infinite Scroll