{"id":5165,"date":"2021-03-03T15:08:06","date_gmt":"2021-03-03T15:08:06","guid":{"rendered":"https:\/\/www.magetop.com\/blog\/?p=5165"},"modified":"2021-03-03T16:14:52","modified_gmt":"2021-03-03T16:14:52","slug":"magetop-ajax-layered-navigation-extension-guide","status":"publish","type":"post","link":"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/","title":{"rendered":"Magetop Ajax Layered Navigation Extension Guide"},"content":{"rendered":"\n\n\n<p><strong>Magetop Ajax Layered Navigation Extension Guide<\/strong> will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>I. Introduction<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"306\" data-attachment-id=\"5166\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/magetop-ajax-layered-navigation-extension\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension.jpg?fit=1604%2C613&amp;ssl=1\" data-orig-size=\"1604,613\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Magetop-Ajax-Layered-Navigation-Extension\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension.jpg?fit=300%2C115&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension.jpg?fit=800%2C305&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension.jpg?resize=800%2C306&#038;ssl=1\" alt=\"Magetop Ajax Layered Navigation Extension\" class=\"wp-image-5166\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension.jpg?w=1604&amp;ssl=1 1604w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension.jpg?resize=300%2C115&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension.jpg?resize=1024%2C391&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension.jpg?resize=768%2C294&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension.jpg?resize=1536%2C587&amp;ssl=1 1536w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p><strong><a href=\"https:\/\/www.magetop.com\/magento-2-ajax-layered-navigation-extension.html\" target=\"_blank\" rel=\"noreferrer noopener\">The Ajax-Enabled, Layered Navigation<\/a><\/strong> extension for Magento 2 provides a richer user experience for your customer and is particularly well suited for stores that have a lot of variable products or products with a number of attributes. This extension is a must-have for the store owner looking for a way to make their shop stand out.<\/p>\n\n\n\n<p>The Ajax-Enabled, Layered Navigation extension for Magento 2 provides a richer user experience for your customer and is particularly well suited for stores that have a lot of variable products or products with a number of attributes.<\/p>\n\n\n\n<p>Not only does the layered navigation use Ajax calls to reload content on the page, but the extension also provides a number of additional user-interface elements for the layered navigation, such as color swatches, size selectors and checkboxes. These useful options help you create a more meaningful, interactive experience for your user.<\/p>\n\n\n\n<p>Highlight features:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Ajax Loading page.<\/li><li>Enhance UX by Ajax technology.<\/li><li>Lightening-fast Ajax Navigation.<\/li><li>Ajax Add to wishlist.<\/li><li>Multi-filters &amp; Filter the options.<\/li><li>Responsive &amp; Retina Devices Support.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>II. How to use<\/strong><\/h2>\n\n\n\n<p>In Catalog Page, Customers can easily filter products optionally without reloading the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"375\" data-attachment-id=\"5168\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/filter-products-optionally\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filter-products-optionally.jpg?fit=1903%2C892&amp;ssl=1\" data-orig-size=\"1903,892\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Filter-products-optionally\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filter-products-optionally.jpg?fit=300%2C141&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filter-products-optionally.jpg?fit=800%2C375&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filter-products-optionally.jpg?resize=800%2C375&#038;ssl=1\" alt=\"Filter products optionally\" class=\"wp-image-5168\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filter-products-optionally.jpg?w=1903&amp;ssl=1 1903w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filter-products-optionally.jpg?resize=300%2C141&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filter-products-optionally.jpg?resize=1024%2C480&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filter-products-optionally.jpg?resize=768%2C360&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filter-products-optionally.jpg?resize=1536%2C720&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filter-products-optionally.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Not only that, the filtered products will be highlighted with optional attributes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"387\" data-attachment-id=\"5169\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/filtered-products-will-be-highlighted-with-optional-attributes\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filtered-products-will-be-highlighted-with-optional-attributes.jpg?fit=1900%2C918&amp;ssl=1\" data-orig-size=\"1900,918\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Filtered-products-will-be-highlighted-with-optional-attributes\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filtered-products-will-be-highlighted-with-optional-attributes.jpg?fit=300%2C145&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filtered-products-will-be-highlighted-with-optional-attributes.jpg?fit=800%2C387&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filtered-products-will-be-highlighted-with-optional-attributes.jpg?resize=800%2C387&#038;ssl=1\" alt=\"filtered products will be highlighted with optional attributes\" class=\"wp-image-5169\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filtered-products-will-be-highlighted-with-optional-attributes.jpg?w=1900&amp;ssl=1 1900w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filtered-products-will-be-highlighted-with-optional-attributes.jpg?resize=300%2C145&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filtered-products-will-be-highlighted-with-optional-attributes.jpg?resize=1024%2C495&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filtered-products-will-be-highlighted-with-optional-attributes.jpg?resize=768%2C371&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filtered-products-will-be-highlighted-with-optional-attributes.jpg?resize=1536%2C742&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Filtered-products-will-be-highlighted-with-optional-attributes.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>After customers Add to Wish List, instead of redirecting to the Wish List Page, The Ajax Layered Navigation will keep the customer on Catalog Page and can add another product to the wish list.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"379\" data-attachment-id=\"5172\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/add-to-wish-list\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Add-to-Wish-List.jpg?fit=1900%2C899&amp;ssl=1\" data-orig-size=\"1900,899\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Add-to-Wish-List\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Add-to-Wish-List.jpg?fit=300%2C142&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Add-to-Wish-List.jpg?fit=800%2C379&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Add-to-Wish-List.jpg?resize=800%2C379&#038;ssl=1\" alt=\"Add to Wish List\" class=\"wp-image-5172\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Add-to-Wish-List.jpg?w=1900&amp;ssl=1 1900w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Add-to-Wish-List.jpg?resize=300%2C142&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Add-to-Wish-List.jpg?resize=1024%2C485&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Add-to-Wish-List.jpg?resize=768%2C363&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Add-to-Wish-List.jpg?resize=1536%2C727&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Add-to-Wish-List.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>III. How to configure<\/strong><\/h2>\n\n\n\n<p>Have two ways to go to the <strong>Configuration<\/strong>:<\/p>\n\n\n\n<p><strong>Way 1<\/strong>: Go to&nbsp;<strong>STORES -&gt; Settings -&gt; Configuration -&gt; MAGETOP.COM -&gt; Ajax Layered Navigation Setting<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"380\" data-attachment-id=\"5104\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-one-step-checkout-extension-guide\/go-to-configuration-5\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-5.jpg?fit=1891%2C898&amp;ssl=1\" data-orig-size=\"1891,898\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Go-to-Configuration-5\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-5.jpg?fit=300%2C142&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-5.jpg?fit=800%2C380&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-5.jpg?resize=800%2C380&#038;ssl=1\" alt=\"\" class=\"wp-image-5104\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-5.jpg?resize=1024%2C486&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-5.jpg?resize=300%2C142&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-5.jpg?resize=768%2C365&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-5.jpg?resize=1536%2C729&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-5.jpg?w=1891&amp;ssl=1 1891w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-5.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"416\" data-attachment-id=\"5173\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/go-to-magetop-ajax-layered-navigation-setting\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Magetop-Ajax-Layered-Navigation-Setting.jpg?fit=1801%2C936&amp;ssl=1\" data-orig-size=\"1801,936\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Go-to-Magetop-Ajax-Layered-Navigation-Setting\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Magetop-Ajax-Layered-Navigation-Setting.jpg?fit=300%2C156&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Magetop-Ajax-Layered-Navigation-Setting.jpg?fit=800%2C416&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Magetop-Ajax-Layered-Navigation-Setting.jpg?resize=800%2C416&#038;ssl=1\" alt=\"Go to Magetop Ajax Layered Navigation Setting\" class=\"wp-image-5173\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Magetop-Ajax-Layered-Navigation-Setting.jpg?w=1801&amp;ssl=1 1801w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Magetop-Ajax-Layered-Navigation-Setting.jpg?resize=300%2C156&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Magetop-Ajax-Layered-Navigation-Setting.jpg?resize=1024%2C532&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Magetop-Ajax-Layered-Navigation-Setting.jpg?resize=768%2C399&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Magetop-Ajax-Layered-Navigation-Setting.jpg?resize=1536%2C798&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Magetop-Ajax-Layered-Navigation-Setting.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p><strong>Way 2<\/strong>: Go to <strong>AJAX LAYERED NAVIGATION -&gt; Configurations<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"389\" data-attachment-id=\"5174\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/go-to-ajax-layered-navigation-configurations\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Ajax-Layered-Navigation-Configurations.jpg?fit=1882%2C915&amp;ssl=1\" data-orig-size=\"1882,915\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Go-to-Ajax-Layered-Navigation-Configurations\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Ajax-Layered-Navigation-Configurations.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Ajax-Layered-Navigation-Configurations.jpg?fit=800%2C389&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Ajax-Layered-Navigation-Configurations.jpg?resize=800%2C389&#038;ssl=1\" alt=\"Go to Ajax Layered Navigation Configurations\" class=\"wp-image-5174\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Ajax-Layered-Navigation-Configurations.jpg?w=1882&amp;ssl=1 1882w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Ajax-Layered-Navigation-Configurations.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Ajax-Layered-Navigation-Configurations.jpg?resize=1024%2C498&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Ajax-Layered-Navigation-Configurations.jpg?resize=768%2C373&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Ajax-Layered-Navigation-Configurations.jpg?resize=1536%2C747&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Go-to-Ajax-Layered-Navigation-Configurations.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>In General Configuration, Select &#8220;Yes&#8221; in <strong>Enable<\/strong> field to activate <strong>The Ajax Layered Navigation<\/strong> module.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"402\" data-attachment-id=\"5178\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/select-yes-to-activate-the-ajax-layered-navigation-module1\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Select-Yes-to-activate-The-Ajax-Layered-Navigation-module1.jpg?fit=1790%2C900&amp;ssl=1\" data-orig-size=\"1790,900\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Select Yes to activate The Ajax Layered Navigation module1\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Select-Yes-to-activate-The-Ajax-Layered-Navigation-module1.jpg?fit=300%2C151&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Select-Yes-to-activate-The-Ajax-Layered-Navigation-module1.jpg?fit=800%2C402&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Select-Yes-to-activate-The-Ajax-Layered-Navigation-module1.jpg?resize=800%2C402&#038;ssl=1\" alt=\"Select Yes to activate The Ajax Layered Navigation module\" class=\"wp-image-5178\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Select-Yes-to-activate-The-Ajax-Layered-Navigation-module1.jpg?w=1790&amp;ssl=1 1790w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Select-Yes-to-activate-The-Ajax-Layered-Navigation-module1.jpg?resize=300%2C151&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Select-Yes-to-activate-The-Ajax-Layered-Navigation-module1.jpg?resize=1024%2C515&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Select-Yes-to-activate-The-Ajax-Layered-Navigation-module1.jpg?resize=768%2C386&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Select-Yes-to-activate-The-Ajax-Layered-Navigation-module1.jpg?resize=1536%2C772&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Select-Yes-to-activate-The-Ajax-Layered-Navigation-module1.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>IV. Conclude<\/strong><\/h2>\n\n\n\n<p>Above is our guide for&nbsp;<strong>Magetop Ajax Layered Navigation Extension<\/strong>. If you have any questions please boldly contact us. We will help you. Thanks for reading.<\/p>\n\n\n\n<p>It comes to the end of the blog: <strong>Magetop Ajax Layered Navigation Extension Guide<\/strong>.<\/p>\n\n\n\n<p>You can read more useful posts like&nbsp;<strong><strong><a href=\"https:\/\/www.magetop.com\/blog\/magetop-one-step-checkout-extension-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">Magetop One Step Checkout Extension Guide<\/a><\/strong><\/strong>.<\/p>\n\n\n\n<p>Follow us for the more helpful posts!<\/p>\n\n\n\n<p>We hope this is a useful series for you.<\/p>\n\n\n\n<p>Thank you for reading!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magetop Ajax Layered Navigation Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.<\/p>\n","protected":false},"author":106,"featured_media":5181,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[5],"tags":[1108,606,1109,1110,605],"class_list":["post-5165","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento-2-extension-guides-tech-tips","tag-ajax-layered-navigation","tag-extension-guide","tag-magetop-ajax-layered-navigation-extension","tag-magetop-ajax-layered-navigation-extension-guide","tag-magetop-extension"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magetop Ajax Layered Navigation Extension Guide - Magetop Blog<\/title>\n<meta name=\"description\" content=\"Magetop Ajax Layered Navigation Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magetop Ajax Layered Navigation Extension Guide - Magetop Blog\" \/>\n<meta property=\"og:description\" content=\"Magetop Ajax Layered Navigation Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Magetop Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MagetopStore\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-03T15:08:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-03-03T16:14:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i2.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aaron LX\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MagetopStore\" \/>\n<meta name=\"twitter:site\" content=\"@MagetopStore\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aaron LX\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/\"},\"author\":{\"name\":\"Aaron LX\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7\"},\"headline\":\"Magetop Ajax Layered Navigation Extension Guide\",\"datePublished\":\"2021-03-03T15:08:06+00:00\",\"dateModified\":\"2021-03-03T16:14:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/\"},\"wordCount\":400,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1\",\"keywords\":[\"Ajax Layered Navigation\",\"Extension Guide\",\"Magetop Ajax Layered Navigation Extension\",\"Magetop Ajax Layered Navigation Extension Guide\",\"Magetop Extension\"],\"articleSection\":[\"Magento 2 Extension Guides &amp; Tech Tips\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/\",\"url\":\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/\",\"name\":\"Magetop Ajax Layered Navigation Extension Guide - Magetop Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1\",\"datePublished\":\"2021-03-03T15:08:06+00:00\",\"dateModified\":\"2021-03-03T16:14:52+00:00\",\"description\":\"Magetop Ajax Layered Navigation Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover\",\"breadcrumb\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1\",\"width\":750,\"height\":440,\"caption\":\"Magetop Ajax Layered Navigation Extension Guide\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.magetop.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Magetop Ajax Layered Navigation Extension Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#website\",\"url\":\"https:\/\/www.magetop.com\/blog\/\",\"name\":\"Magetop Blog\",\"description\":\"Exploring Magento Tips, Tricks, and Trends\",\"publisher\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.magetop.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\",\"name\":\"Magetop.com\",\"url\":\"https:\/\/www.magetop.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1\",\"width\":475,\"height\":475,\"caption\":\"Magetop.com\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/MagetopStore\",\"https:\/\/x.com\/MagetopStore\",\"https:\/\/www.linkedin.com\/company\/magetop\",\"https:\/\/www.pinterest.com\/magetop\",\"https:\/\/www.youtube.com\/channel\/UCXoiJsz88OfPmwa8QpUkwOA\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7\",\"name\":\"Aaron LX\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&#038;ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&#038;ssl=1\",\"caption\":\"Aaron LX\"},\"description\":\"Aaron is a passionate writer, crazy about shopping, eCommerce and trends. Besides his outstanding research skills and a positive mind, Aaron eagerly shares his experience with the readers.\",\"url\":\"https:\/\/www.magetop.com\/blog\/author\/aaron-lx\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magetop Ajax Layered Navigation Extension Guide - Magetop Blog","description":"Magetop Ajax Layered Navigation Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/","og_locale":"en_US","og_type":"article","og_title":"Magetop Ajax Layered Navigation Extension Guide - Magetop Blog","og_description":"Magetop Ajax Layered Navigation Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover","og_url":"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/","og_site_name":"Magetop Blog","article_publisher":"https:\/\/www.facebook.com\/MagetopStore","article_published_time":"2021-03-03T15:08:06+00:00","article_modified_time":"2021-03-03T16:14:52+00:00","og_image":[{"width":750,"height":440,"url":"https:\/\/i2.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1","type":"image\/jpeg"}],"author":"Aaron LX","twitter_card":"summary_large_image","twitter_creator":"@MagetopStore","twitter_site":"@MagetopStore","twitter_misc":{"Written by":"Aaron LX","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/#article","isPartOf":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/"},"author":{"name":"Aaron LX","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7"},"headline":"Magetop Ajax Layered Navigation Extension Guide","datePublished":"2021-03-03T15:08:06+00:00","dateModified":"2021-03-03T16:14:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/"},"wordCount":400,"commentCount":0,"publisher":{"@id":"https:\/\/www.magetop.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1","keywords":["Ajax Layered Navigation","Extension Guide","Magetop Ajax Layered Navigation Extension","Magetop Ajax Layered Navigation Extension Guide","Magetop Extension"],"articleSection":["Magento 2 Extension Guides &amp; Tech Tips"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/","url":"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/","name":"Magetop Ajax Layered Navigation Extension Guide - Magetop Blog","isPartOf":{"@id":"https:\/\/www.magetop.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1","datePublished":"2021-03-03T15:08:06+00:00","dateModified":"2021-03-03T16:14:52+00:00","description":"Magetop Ajax Layered Navigation Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover","breadcrumb":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/#primaryimage","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1","width":750,"height":440,"caption":"Magetop Ajax Layered Navigation Extension Guide"},{"@type":"BreadcrumbList","@id":"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.magetop.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Magetop Ajax Layered Navigation Extension Guide"}]},{"@type":"WebSite","@id":"https:\/\/www.magetop.com\/blog\/#website","url":"https:\/\/www.magetop.com\/blog\/","name":"Magetop Blog","description":"Exploring Magento Tips, Tricks, and Trends","publisher":{"@id":"https:\/\/www.magetop.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.magetop.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.magetop.com\/blog\/#organization","name":"Magetop.com","url":"https:\/\/www.magetop.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1","width":475,"height":475,"caption":"Magetop.com"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/MagetopStore","https:\/\/x.com\/MagetopStore","https:\/\/www.linkedin.com\/company\/magetop","https:\/\/www.pinterest.com\/magetop","https:\/\/www.youtube.com\/channel\/UCXoiJsz88OfPmwa8QpUkwOA"]},{"@type":"Person","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7","name":"Aaron LX","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&#038;ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&#038;ssl=1","caption":"Aaron LX"},"description":"Aaron is a passionate writer, crazy about shopping, eCommerce and trends. Besides his outstanding research skills and a positive mind, Aaron eagerly shares his experience with the readers.","url":"https:\/\/www.magetop.com\/blog\/author\/aaron-lx\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/paOdw5-1lj","jetpack-related-posts":[{"id":595,"url":"https:\/\/www.magetop.com\/blog\/top-magento-ajax-layered-navigation-extensions\/","url_meta":{"origin":5165,"position":0},"title":"Top 10 Magento 2 Ajax Layered Navigation Extensions","author":"Adam Roger","date":"November 15, 2019","format":false,"excerpt":"Magento 2 Ajax Layered Navigation is a tool allows showing filters product and customers can search your product by using it. It makes increase their online shopping experience. If you manage online store with multiple catalogs of products, this extension will be helpful for your store.","rel":"","context":"In &quot;Magento News&quot;","block_context":{"text":"Magento News","link":"https:\/\/www.magetop.com\/blog\/magento-news\/"},"img":{"alt_text":"Top 10 Magento 2 Ajax Layered Navigation Extensions","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2019\/11\/Top-10-Magento-2-Ajax-Layered-Navigation-Extensions.png?fit=770%2C450&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2019\/11\/Top-10-Magento-2-Ajax-Layered-Navigation-Extensions.png?fit=770%2C450&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2019\/11\/Top-10-Magento-2-Ajax-Layered-Navigation-Extensions.png?fit=770%2C450&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2019\/11\/Top-10-Magento-2-Ajax-Layered-Navigation-Extensions.png?fit=770%2C450&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5362,"url":"https:\/\/www.magetop.com\/blog\/magetop-ajax-cart-extension-guide\/","url_meta":{"origin":5165,"position":1},"title":"Magetop Ajax Cart Extension Guide","author":"Aaron LX","date":"March 20, 2021","format":false,"excerpt":"Magetop Ajax Cart Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","rel":"","context":"In &quot;Magento 2 Extension Guides &amp; Tech Tips&quot;","block_context":{"text":"Magento 2 Extension Guides &amp; Tech Tips","link":"https:\/\/www.magetop.com\/blog\/magento-2-extension-guides-tech-tips\/"},"img":{"alt_text":"Magetop Ajax Cart Extension Guide","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Cart-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Cart-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Cart-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Cart-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5183,"url":"https:\/\/www.magetop.com\/blog\/magetop-delete-orders-extension-guide\/","url_meta":{"origin":5165,"position":2},"title":"Magetop Delete Orders Extension Guide","author":"Aaron LX","date":"March 4, 2021","format":false,"excerpt":"Magetop Delete Orders Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","rel":"","context":"In &quot;Magento 2 Extension Guides &amp; Tech Tips&quot;","block_context":{"text":"Magento 2 Extension Guides &amp; Tech Tips","link":"https:\/\/www.magetop.com\/blog\/magento-2-extension-guides-tech-tips\/"},"img":{"alt_text":"Magetop Delete Orders Extension Guide","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Delete-Orders-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Delete-Orders-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Delete-Orders-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Delete-Orders-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":653,"url":"https:\/\/www.magetop.com\/blog\/the-best-magento-extensions-for-an-ecommerce-startup-2\/","url_meta":{"origin":5165,"position":3},"title":"The Best Magento 2 Extensions For An Ecommerce Startup (Part 2)","author":"Adam Roger","date":"November 18, 2019","format":false,"excerpt":"In the previous part, I introduced with you about Magento 2 extensions for an eCommerce startup. In this part, I will continue to introduce with you part 2 of the best Magento 2 extensions for an eCommerce startup.","rel":"","context":"In &quot;Magento News&quot;","block_context":{"text":"Magento News","link":"https:\/\/www.magetop.com\/blog\/magento-news\/"},"img":{"alt_text":"Best Extensions For An Ecommerce Startup 2","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2019\/11\/Best-Extensions-For-An-Ecommerce-Startup-2.png?fit=863%2C479&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2019\/11\/Best-Extensions-For-An-Ecommerce-Startup-2.png?fit=863%2C479&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2019\/11\/Best-Extensions-For-An-Ecommerce-Startup-2.png?fit=863%2C479&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2019\/11\/Best-Extensions-For-An-Ecommerce-Startup-2.png?fit=863%2C479&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":3125,"url":"https:\/\/www.magetop.com\/blog\/top-magento-2-infinite-scroll-extensions\/","url_meta":{"origin":5165,"position":4},"title":"Top 10 Magento 2 Infinite Scroll Extensions","author":"Aaron LX","date":"November 1, 2023","format":false,"excerpt":"Magento 2 Infinite Scroll Extensions allow unlimited loading of products. This is essential for stores with a large number of products, creating a unique customer experience. In this blog, We will introduce good quality extensions to help you make better choices. Here are Top 10 Magento 2 Infinite Scroll Extensions.","rel":"","context":"In &quot;Magento News&quot;","block_context":{"text":"Magento News","link":"https:\/\/www.magetop.com\/blog\/magento-news\/"},"img":{"alt_text":"Top Magento 2 Infinite Scroll Extensions","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/11\/Top-Magento-2-Infinite-Scroll-Extensions.jpg?fit=750%2C445&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/11\/Top-Magento-2-Infinite-Scroll-Extensions.jpg?fit=750%2C445&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/11\/Top-Magento-2-Infinite-Scroll-Extensions.jpg?fit=750%2C445&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/11\/Top-Magento-2-Infinite-Scroll-Extensions.jpg?fit=750%2C445&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":3745,"url":"https:\/\/www.magetop.com\/blog\/magento-2-configure-layered-navigation\/","url_meta":{"origin":5165,"position":5},"title":"How To Configure Layered Navigation In Magento 2","author":"Aaron LX","date":"December 16, 2020","format":false,"excerpt":"Increase customer search experience in Catalog Page with Layered Navigation. This is a useful feature for a store with multiple products, you should enable it in the Admin Panel. In this post, I will guide you How To Configure Layered Navigation In Magento 2.","rel":"","context":"In &quot;Magento 2 Tutorials&quot;","block_context":{"text":"Magento 2 Tutorials","link":"https:\/\/www.magetop.com\/blog\/magento-2-tutorials\/"},"img":{"alt_text":"How To Configure Layered Navigation In Magento 2","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/How-To-Configure-Layered-Navigation-In-Magento-2.jpg?fit=750%2C445&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/How-To-Configure-Layered-Navigation-In-Magento-2.jpg?fit=750%2C445&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/How-To-Configure-Layered-Navigation-In-Magento-2.jpg?fit=750%2C445&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/How-To-Configure-Layered-Navigation-In-Magento-2.jpg?fit=750%2C445&ssl=1&resize=700%2C400 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/5165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/users\/106"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/comments?post=5165"}],"version-history":[{"count":5,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/5165\/revisions"}],"predecessor-version":[{"id":5180,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/5165\/revisions\/5180"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/media\/5181"}],"wp:attachment":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/media?parent=5165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/categories?post=5165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/tags?post=5165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}