## Magento 2 Layered Navigation extension Free **Magento 2 Layered Navigation extension Free** developed by [Magepow](https://magepow.com/) to be improved from Magento's default version. This extension allows for more professional product navigation with Ajax technology, user-friendly interface, Multi-Choice Filters, Sticky Sidebar, fully responsive & optimized for mobile devices , ... See more Detail Description, Install & Support service in [Magento 2 Layered Navigation](https://magepow.com/magento-2-layered-navigation-advanced.html) [![Latest Stable Version](https://poser.pugx.org/magepow/layerednav/v/stable)](https://packagist.org/packages/magepow/layerednav) [![Total Downloads](https://poser.pugx.org/magepow/layerednav/downloads)](https://packagist.org/packages/magepow/layerednav) [![Daily Downloads](https://poser.pugx.org/magepow/layerednav/d/daily)](https://packagist.org/packages/magepow/layerednav) ### Highlight Features #### Flexible navigation filters - Support filler with multi - select Layered Navigation extension Free allows customers to select one/several properties at a time to quickly find the product they need. The customer can combine the attributes 'Category' with 'Price', or 'Category', 'Size' and 'Price' or any other attributes of the product. ![Image of magento 2 layered navigation muilt select](https://github.com/magepow/magento2-layered-navigation/blob/master/media/magento2-layered-navigation-muilt-select.png?raw=true) - Option to delete product attributes In case the customer wants to remove one / several attributes or delete all at once, they can click on the 'X' or 'Clear All'. - Admin can customize properties in admin panel - Friendly interface with drop-down button and checkbox. #### Integrated Ajax technology for quick navigation Ajax has been widely used on websites thanks to its convenience and flexibility. Ajax technology allows the website to load part of the change instead of reloading the entire page, thus saving bandwidth and shortening customer waiting times. ![Image of magento 2 layered navigation ajax](https://github.com/magepow/magento2-layered-navigation/blob/master/media/magent2-layered-navigation-ajax.png?raw=true) #### User-friendly custom interface Designing a professional layered navigation extension layout helps increase the customer experience on the page, while also increasing sales for your store. Based on the research on customer behavior on e-commerce websites, Magepow team has optimized the interface by using Sticky Sidebar. When the customer scrolls down to see the product on the page, the Sticky Side helps to immobilize the attribute category section and disappears when the customer scrolls down the footer. ![Image of magento 2 layered navigation sticky sidebar](https://github.com/magepow/magento2-layered-navigation/blob/master/media/magento2-layered-navigation-sticky-sidebar.gif) #### Features other - Professional price slider - Admin panel is easy to customize and configure - Responsive to all devices. It will calculate itself based on the original layout - 100% compatible with open source - Supports multiple stores with multiple languages - Nice interface with drop-down buttons and check- box ## How is install Magento 2 Layered Navigation extension Free Before you continue, ensure you meet the following requirements: * You have installed Magento2 * You are using a Linux or Mac OS machine. Windows is not currently supported. Install magento2-instagram extension ### Step 1 : Download Magento 2 Layered Navigation Extension #### Install via composer (recommend) Run the following commands in Magento 2 root folder: ``` composer require magepow/layerednav php bin/magento setup:upgrade php bin/magento setup:static-content:deploy -f ``` ### Step 2: How to use Magento 2 Layered Navigation? 1. General configuration Login to magento admin, choose `stores->configuration->magepow->layered ajax` ![Image of magento admin config](https://github.com/magepow/magento2-layerednav/blob/master/media/config_backend.PNG) Select `yes` to enable the module 2. Details Configuration In `stores->configuration->magepow->layered ajax` we set: * Use range price slider : Select `yes` to enable the price range and `no` to turn to the price of magento default. * Show all filters : Select `yes` to show the filter of all the options and `no` to disable the feature Run the following command: ``` php bin/magento cache:clean ``` ### 3. Result ![Image of magento store front](https://github.com/magepow/magento2-layerednav/blob/master/media/result_frontend.PNG) * [Demo frontend](http://demo.magepow.com/layerednav/women/tops-women.html) * [Demo backend](http://demo.magepow.com/layerednav/admin) * [Support](https://magepow.com/magento-2-layered-navigation-advanced.html) ## Donation If this project help you reduce time to develop, you can give me a cup of coffee :) [![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/paypalme/alopay) **[Our Magento 2 Extensions](https://magepow.com/magento-2-extensions.html)** * [Magento 2 Recent Sales Notification](https://magepow.com/magento-2-recent-sales-notification.html) * [Magento 2 Categories Extension](https://magepow.com/magento-categories-extension.html) * [Magento 2 Sticky Cart](https://magepow.com/magento-sticky-cart.html) * [Magento 2 Ajax Contact](https://magepow.com/magento-ajax-contact-form.html) * [Magento 2 Lazy Load](https://magepow.com/magento-lazy-load.html) * [Magento 2 Mutil Translate](https://magepow.com/magento-multi-translate.html) * [Magento 2 Instagram Integration](https://magepow.com/magento-2-instagram.html) * [Magento 2 Lookbook Pin Products](https://magepow.com/lookbook-pin-products.html) * [Magento 2 Product Slider](https://magepow.com/magento-product-slider.html) * [Magento 2 Product Banner](https://magepow.com/magento-banner-slider.html) **[Our Magento 2 services](https://magepow.com/magento-services.html)** * [PSD to Magento 2 Theme Conversion](https://magepow.com/psd-to-magento-theme-conversion.html) * [Magento 2 Speed Optimization Service](https://magepow.com/magento-speed-optimization-service.html) * [Magento 2 Security Patch Installation](https://magepow.com/magento-security-patch-installation.html) * [Magento 2 Website Maintenance Service](https://magepow.com/website-maintenance-service.html) * [Magento 2 Professional Installation Service](https://magepow.com/professional-installation-service.html) * [Magento 2 Upgrade Service](https://magepow.com/magento-upgrade-service.html) * [Magento 2 Customization Service](https://magepow.com/customization-service.html) * [Hire Magento 2 Developer](https://magepow.com/hire-magento-developer.html) **[Our Magento 2 Themes](https://alothemes.com/)** * [Expert Multipurpose Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/expert-premium-responsive-magento-2-and-1-support-rtl-magento-2-/21667789) * [Gecko Premium Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/gecko-responsive-magento-2-theme-rtl-supported/24677410) * [Milano Fashion Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/milano-fashion-responsive-magento-1-2-theme/12141971) * [Electro 2 Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/electro2-premium-responsive-magento-2-rtl-supported/26875864) * [Electro Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/electro-responsive-magento-1-2-theme/17042067) * [Pizzaro Food responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/pizzaro-food-responsive-magento-1-2-theme/19438157) * [Biolife organic responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/biolife-organic-food-magento-2-theme-rtl-supported/25712510) * [Market responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/market-responsive-magento-2-theme/22997928) * [Kuteshop responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/kuteshop-multipurpose-responsive-magento-1-2-theme/12985435) * [Bencher - Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/bencher-responsive-magento-1-2-theme/15787772) * [Supermarket Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/supermarket-responsive-magento-1-2-theme/18447995)