Magento 2 Ajax Layered Navigation User Guide

  • admin admin |
  •    19 Apr, 2023  |
Magento 2 Ajax Layered Navigation User Guide

Customers to browse large sets of products quickly and intuitively is mission-critical for your Magento store. Scriptzol Ajax Layered Navigation provides a solution to this problem. It allows your users to jump directly and instantly to whatever they are interested in.


  • Easy to find and display products
  • Multiple Attributes Filter
  • Visual Price Slider
  • Instant Filter Results
  • Themes Support
  • 24/7 Support
  • 30 Days Free Support
  • Our Extensions are Easy Installation & Configuration
  • Our Codes are reusability
  • Our Extensions are Safe & Secure
  • Admin can enable/disable all facilities

Installation Steps

Buyers will get a Zip file, they have to unzip / extract the file to their system. The uncompressed folder will have a folder called Scriptzol and you need to transfer the Scriptzol folder to your Magento 2 root directory /app/code/.

extension upload ftp

After the successful transfer, buyers have to run the following commands in the Magento 2 root directory with the help of terminal.

  • php bin/magento setup:upgrade
  • php bin/magento setup:di:compile
  • php bin/magento setup:static-content:deploy

After the commands running successfully, need to flush the cache in admin panel.

flush cache

cache flush button

Installation steps done.

Configuration Steps

Multiple Languages

To configure in multiple languages, Under Store > Configuration > General > Locale in admin panel, select the language which needed.


Translation of Languages

For translation of the content in the module, In the “app/code/Scriptzol/AjaxLayeredNavigation/i18n” folder, need to add the file. To add a file for specific language, for eg.arabic for Saudi Arabia, ar_SA.csv is the file name format.

ajaxlayerednavigation language file

The file content should be like the below screenshot.

ajaxlayerednavigation file content

Left side of the column is the original content, right side contains translations.

ajaxlayerednavigation language file content edit

The file content should be like the below screenshot.

General Configuration

To enable / disable the Ajax Layered Navigation , navigate to Stores > Configuration > Scriptzol> Ajax Layered Navigation.

ajaxlayerednavigation general config

Admin can enable / disable the setting for layered navigation and ajax. If admin disable the ajax the page will be loaded and if enable the page will not be loaded and will return the instant results.


ajaxlayerednavigation frontend

ajaxlayerednavigation frontend color

We hope this documentation helped for configuration successfully. Please feel free to contact us.

Email: /

Contact Us: Contact Support Team

License: License Agreement


  • No Comments Found!!
Post Comments