How to use the AJAX Layer Pro extension?
The AJAX Layer Pro extension will help you to improve your layered navigation easily.
You will be able to completely configure and customize the display of your filters on your Magento frontend.
Moreover, the extension will automatically generate keywords corresponding to the values of your filters in order to improve SEO on your website.
The AJAX Layer Pro extension can be installed and ready to configure in one go. For this go to:
SystemConfiguration Wyomind AJAX Layer Pro
To begin, you can configure the general parameters of the AJAX Layer Pro extension. Several options are available:
- Meta Robots
Allows changing meta robots value when filtering. This is useful to avoid search engines indexing all pages containing filter parameters.
- Enable AJAX Navigation
If enabled, the page will not be refreshed each time an option is clicked.
- Enable Auto Scroll
If enabled, the page will auto-scroll to the top each time an option is clicked in AJAX mode.
- Enable AJAX Toolbar
If enabled, the page will not be refreshed each time a link in the toolbar is clicked.
- Enable SEO Keywords
If enabled, the option ids present in URL will be replaced by the associated keywords (the keywords are automatically generated from attribute option labels).
- Replace All Special Chars
If enabled, all special chars will be replaced by a dash.
- Items Limit
That option allows you to limit the number of displayed items in layered navigation. This will add a Show More/Less link. 0 or empty means unlimited.
Price Slider Settings
Enable Price Inputs
Then, when the slider and the inputs are enabled, it should look like the below screen.
Category Tree Settings
In the Category Tree Settings tab, you'll be able to configure the display of the category tree according to your needs.
- Enable Category Tree
If enabled, default category navigation will be replaced by a tree.
- Expand Tree
If enabled, the category tree will be displayed entirely.
- Number of Levels Displayed
You can define up to 5 levels to display.
- Show Products Count
You can display the number of products for each category.
- Include in Navigation Menu
If enabled, only categories included in the menu will be displayed.
- Show Empty Categories
If enabled, categories without products will be displayed.
Below is the display you can get with the above configuration.
In the Attributes Settings tab, you'll be able to define for which attribute you want to use a dropdown or display the attributes labels.
- Dropdown Attributes
Select the attributes that you want to display as dropdowns.
- Label Attributes
Select the attributes that you want to display as labels.
Below, you can see that the Category and Color attributes are managed as labels, whereas the Shoe Size attribute is managed as a dropdown.
AJAX Layer Pro allows you to dispatch your filters in 3 different places. You can customize the display of your filters via 3 options:
- Top Filters
Define which filters you want to display on top (horizontal navigation).
- Left Column Filters
Define which filters you want to display in the left column.
- Right Column Filters
Define which filters you want to display in the right column.
In the case where a filter is not present in any of the above fields, then it will be displayed in the left column by default.
Here is the display you can get with the above configuration.