Giter Site home page Giter Site logo

mageplaza / magento-2-ajax-layered-navigation Goto Github PK

View Code? Open in Web Editor NEW
38.0 8.0 11.0 315 KB

Magento 2 Ajax Layered Navigation extension allows filtered products to appear immediately after every single filtering action. Hence, there is no seem-to-be-painfully-long waiting time between each filter, and customers will be more likely to enjoy their time shopping on your store.

License: Other

PHP 14.70% JavaScript 27.19% HTML 55.64% Less 1.66% CSS 0.82%
ajax-navigation filter-products mageplaza magento-2 magento-2-extension magento-2-module magento2-extension-free magento2-module single-filtering shopping shopping-experience

magento-2-ajax-layered-navigation's Introduction

The #1 Magento 2 Ajax Layered Navigation FREE

Product filtering is one of the most used features which every customer craves on your online store. To clarify, product filtering is an application that buyers select one or multiple product attributes to search for specific products which match their needs.

On an online store which there is no existence of shopping assistants, customers need nothing but an effective product filtering/searching tool. It would seem strange if your Magento 2 store had no Layered Navigation because other e-commerce websites, today, are even trying to enhance their filtering systems to optimize UX on their platforms.

To boost filtering experience for buyers, Ajax Layered Navigation extension for Magento 2 allows filtered products to appear immediately after every single filtering action. Hence, there is no seem-to-be-painfully-long waiting time between each filter, and customers will be more likely to enjoy their time shopping on your store.

1. Documentation

2. FAQs

3. How to install Ajax Layered Navigation extension for Magento 2

Install via composer (recommend)

Run the following command in Magento 2 root folder:

With Marketing Automation (recommend):

composer require mageplaza/module-ajax-layered-navigation mageplaza/module-smtp
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy

Without Marketing Automation:

composer require mageplaza/module-ajax-layered-navigation
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy

4. Ajax Layered Navigation highlight features

Enhance UX by Ajax Technology

Visually, Ajax plays an amazing role in your store UX improvement because of many advantages. Ajax, according to Sequetech, is a method which helps to exchange and update only one or several parts of a web page without reloading the whole site. As a result, the page loading speed is cut down optimally, and this allows your online shoppers to avoid unnecessary waiting time.

Ajax Layered Navigation is also an answer to the question “How to keep your clients on your store when the internet connection sucks”. They will no longer need to wait for all the data to be loaded before performing any of other actions on the page.

As Ajax Layered Navigation enables pages to prevent performing a full postback, filtering products are more responsive, faster and way more user-friendly. This is how shopping experience is boosted.

Lightening-fast Ajax Navigation

Filtered products are loaded and displayed nearly immediately after a single filtering performance without waiting for other parts of the page to be reloaded. This allows the important content, which includes products, product images, and other product info, to show up first, and to be ready for buyers to perform further actions.

Ajax Layered Navigation saves a bunch of time for customers. Buyers do not even have to hit any button to start loading filtering results because they are automatically loaded after every single filtering act.

Ajax Add to Wishlist

Magento 2 Ajax Layered Navigation extension allows logged-in customers add products to their wishlist, yet still stay on the page without being redirected to the wishlist page.

Compatible with Layered Navigation

Mageplaza Ajax Layered Navigation extension is fully compatible with all packages of Magento 2 Layered Navigation Ultimate. This feature implemented to Mageplaza Layered Navigation module is a perfect solution to boost shopping experience to the highest level.

Even when shopper performs multi-filtering, Ajax Layered still supports to display results nicely, smoothly and lightening-fast.

5. Ajax Layered Navigation User Guide

Ajax Layered Navigation features are added to filters and page blocks, which assists users to select each attribute from filters and various categories without reloading the entire page. As a result, it will enhance the user experience, reduce response and server uploading time. This is the new feature of Magento 2 Ajax Layered Navigation which fully compatible with Layered Navigation Ultimate.

The Ajax Layered Navigation tutorial of Mageplaza below will provide detailed instruction on how to use for user interface and how to configure on the admin backend.

How to Config Magento 2 Ajax Layered Navigation

From the admin panel, make your way to Mageplaza > Layered Navigation > Configuration

How to Config M2 Ajax Layered Navigation

Magento 2 2 Ajax Layered Navigation configuration

Magento 2 layered navigation Free

Besides, Ajax Layered supports the functions of Add to wishlist by Ajax for logged-in customers. After clicking on Add to wishlist icon on Category Page, customers can continue viewing other products without being navigated to Wishlist Page.

ajax layered navigation 2

People Also Search:

  • magento 2 layered navigation
  • magento 2 layered navigation free
  • magento 2 layered navigation extension
  • magento 2 layered navigation extension free
  • ajax layered navigation magento 2
  • magento 2 ajax filter
  • magento 2 navigation extension
  • magento 2 layer navigation
  • magento 2 horizontal layered navigation
  • magento 2 price slider layered navigation
  • magento 2 ajax loader

Other free extension on Github

Explore more Magento 2 extensions on Marketplace:

magento-2-ajax-layered-navigation's People

Contributors

bdtrung avatar bdtrungit avatar chuccv avatar dht-uri avatar haitv282 avatar haonv01 avatar huyphuc98 avatar imsamthomas avatar longdb1 avatar mageplazatester avatar nhatpqmp avatar tamcb2708 avatar tamnt2708 avatar tuvpt avatar vanessaaaa avatar victor-mageplaza avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.