<h2 style="color: #f5247d">Ajax-Enabled, Enhanced Layered Navigation</h2>
<p>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.</p>
<h3 style="color: #f5247d">Why it matters</h3>
<ul class="wccom-tick-list-secondary">
<li><strong>Instant filtering:</strong> Ajax updates results in real time so shoppers don’t lose momentum.</li>
<li><strong>Better UI options:</strong> Replace plain text links with interactive color swatches, size selectors, and checkboxes.</li>
<li><strong>Improved product discovery:</strong> Help customers find exactly what they want—faster.</li>
<li><strong>SEO safe:</strong> Attribute links are preserved to ensure your store stays visible in search engines.</li>
</ul>
<p><a href="https://woocommerce.com/wp-content/uploads/2012/04/ajax_colors.jpg"><br />
<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" /><br />
</a></p>
<p><a href="https://woocommerce.com/wp-content/uploads/2012/04/ajax_sizes_filters.jpg"><br />
<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" /><br />
</a></p>
<h2 style="color: #f5247d">Who it’s for</h2>
<p>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.</p>
<p>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.</p>
<p>Here are some examples of who benefits most:</p>
<ul class="wccom-tick-list-secondary">
<li><strong>Fashion & apparel stores</strong> — Let shoppers filter by size, color, and style without reloading the page.</li>
<li><strong>Electronics retailers</strong> — Help customers drill down by brand, specs, or features in large catalogs.</li>
<li><strong>Home & furniture shops</strong> — Use swatches and checkboxes for materials, finishes, or dimensions.</li>
<li><strong>Sporting goods & equipment stores</strong> — Quickly sort products by type, size, or use case.</li>
<li><strong>Any store with hundreds of SKUs</strong> — 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>
<p>Made and supported by the team at:<br />
<a href="https://woocommerce.com/vendors/kestrel/"><br />
<img src="https://static.kestrelwp.com/kestrel-logo.png?s=f375ba2aba62dd06c8e33dbc5d70ed9a9c6aa862" alt="Kestrel logo" width="200" height="45" /><br />
</a></p>

Ajax-Enabled Enhanced Layered Navigation

<p>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.</p>

<ul class="wccom-tick-list-primary">
<li>Increase customer satisfaction and sales with an intuitive layout that separates products by subcategory</li>
<li>Select which category pages to alter, and which to render as normal</li>
<li>Easily configure the number of products per subcategory to display on the shop and catalog pages</li>
<li>Known compatibility with WooCommerce Themes and the Genesis Framework</li>
<li>Flexible, overrideable architecture allows customization and support for additional themes and frameworks</li>
</ul>
<hr class="wccom-product-heading__hr" />
<h2>Show Your Shop Catalog by Category and Subcategory</h2>
<p>The <strong>WooCommerce Nested Category Layout extension</strong> allows you to show products organized by category and sub-category on the shop and catalog pages. By breaking products up by subcategory, this plugin provides an intuitive and attractive catalog layout that your customers will appreciate. Here are before and after shots of the shop page using Nested Category Layout:</p>
<div class="twocol-one">
<figure id="attachment_1095323" aria-describedby="caption-attachment-1095323" style="width: 823px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-before.png"><img class="size-large wp-image-1095323" src="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-before.png?w=823" alt="WooCommerce Nested Category Layout Before" width="823" height="893" /></a><figcaption id="caption-attachment-1095323" class="wp-caption-text">Before</figcaption></figure>
</div><div class="twocol-one last">
<figure id="attachment_1095324" aria-describedby="caption-attachment-1095324" style="width: 822px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-after.png"><img class="size-large wp-image-1095324" src="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-after.png?w=822" alt="WooCommerce Nested Category Layout After" width="822" height="950" /></a><figcaption id="caption-attachment-1095324" class="wp-caption-text">After</figcaption></figure>
</div></p>
<p>WooCommerce typically allows you to show subcategories on shop and category pages (or subcategories and products, but this can look messy). While this is a handy option, it requires that customers click on categories, then subcategories to simply browse products and looks like this:</p>
<figure id="attachment_1095319" aria-describedby="caption-attachment-1095319" style="width: 586px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-typical-subcategories.png"><img class="size-large wp-image-1095319" src="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-typical-subcategories.png?w=586" alt="WooCommerce shop category layout" width="586" height="413" /></a><figcaption id="caption-attachment-1095319" class="wp-caption-text">Default WooCommerce Category View</figcaption></figure>
<p>However, the more barriers you put in the way of finding a product or purchasing, the more likely customers are to leave your site, so we’ve sought to fix that with this plugin. Nested Category Layout cleans this process up and makes it simpler for the user. Instead of requiring customers to click through categories, then subcategories to get to products, it simply creates list on the shop and/or category pages organized by category / subcategory, then allows customers to click a category / subcategory title if they want to see more products.</p>
<p>You can select which categories to nest and which to display normally and determine whether to show this layout on shop pages and category pages, or just on category pages. Want to see this in action? You can check out the <a href="http://demos.skyverge.com/product-category/nested-category-layout/" target="_blank" rel="noopener noreferrer">Demo Shop</a> that has the plugin running to get a feel for how the shop and catalog pages are changed.</p>
<h3>Flexible Display</h3>
<p>Don’t have a category for a product? No problem – Nested Category Layout will show these products at the top of the page, then show your categories and subcategories. If a product is in both the parent category and a subcategory, it will be displayed with the appropriate subcategory. If a product is only in a parent category, then it will be displayed in the parent category before subcategories are shown (like this):</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-category-page.png"><img class="aligncenter size-large wp-image-1095268" src="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-category-page.png?w=609" alt="WooCommerce Nested Category Page" width="609" height="950" /></a></p>
<h3>How to Get Started</h3>
<ol>
<li>Purchase and download the extension 🙂</li>
<li>Upload and install into your WooCommerce store</li>
<li>Go to WooCommerce > Settings > Products and configure your options</li>
<li>Organize products into categories and subcategories</li>
<li>That’s it! Sit back and enjoy a flexible, intuitive catalog display!</li>
</ol>
<p><em>Need any more reason to buy? When you purchase a SkyVerge-developed extension, you’re getting the highest quality extensions for your WooCommerce store. Gain peace of mind by knowing that when you purchase our products, your store’s performance is as important to us as it is to you.</em></p>

Nested Category Layout

<p>Display products grouped by sub-category on the shop and catalog pages.</p>

Ajax-Enabled Enhanced Layered Navigation vs Nested Category Layout