> For the complete documentation index, see [llms.txt](https://docs.magecomp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magecomp.com/magento-2-ajax-layered-navigation/frontend-display-of-ajax-layered-navigation.md).

# Frontend Display of AJAX Layered Navigation

Once you complete the configuration settings, go to the storefront and filter products through AJAX layered navigation.

**No Page Reload**

While applying filters, the results are updated without page reloading.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F8lIzmYLGevQkvyVo2vZX%2Fno%20page%20loading.png?alt=media&amp;token=0411dffc-47f8-4d2c-aae4-82730603d236" alt=""><figcaption></figcaption></figure>

**Multiple Attribute Selection**

Option to select multiple filters at a time.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FVAlddFG92zGkOaE7k9Io%2Fmultiple%20filter.png?alt=media&amp;token=3c194e0a-d193-4c8b-8cd4-8cb1a81fc130" alt=""><figcaption></figcaption></figure>

**Price Slider**

Set a custom range of pricing for the product by dragging the pointer.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FkGmqIteBxNUJazzo1K37%2Fprice%20slider.png?alt=media&amp;token=dff51ad8-9c8c-4428-9b3b-ff2acb83ba54" alt=""><figcaption></figcaption></figure>

**Reset Filters**

The Clear All option will remove all filters at once.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FDdt5euVxFduFHKBSEUcV%2Fclear%20all.png?alt=media&amp;token=0b9a9056-4bd2-4b00-a0ce-385290f06167" alt=""><figcaption></figcaption></figure>

If anything goes wrong, please contact us at <support@magecomp.com>