Layered Navigation · The provided navigation functionality can be implemented in two ways: with or...

+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

Layered Navigationfor Magento 2

https://marketplace.magento.com/partner/Aheadworks

mailto:[email protected]


+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

Table of contents

Introducing Layered Navigation............................................................................................................3

Extension Logic......................................................................................................................................3

Getting Around.......................................................................................................................................4

Enabled / Disabled Popover Modes....................................................................................................................4

Attribute Multiselect.......................................................................................................................................5

New Filter Options.........................................................................................................................................7

'Show X More' Active Link............................................................................................................................8

Clear All.........................................................................................................................................................9

Price Filter Types...........................................................................................................................................9

Horizontal Filter Bar.....................................................................................................................................10

Backend Configuration.........................................................................................................................11

General Settings............................................................................................................................................11

SEO Settings.................................................................................................................................................13

Managing Filters...........................................................................................................................................15

Filter Editing.................................................................................................................................................16

Uninstalling Layered Navigation.........................................................................................................17

Manual Removal...........................................................................................................................................17

Automatic Removal (via Composer)............................................................................................................18




+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

Introducing Layered Navigation

Magento 2 Layered Navigation enhances the native Magento catalog navigation functionality with flter multiselects, improved horioontal flter bar, interactive popover, flter clearance, and other featuresa iilters are managed from the designated table grida Store admins can determine the default flter state, position, sort logic, assigned product categories, etca for each fltera

Compatibility: Magento Open Source 2a1aX - 2a3aX, Magento Commerce 2a1aX - 2a3aX

The Layered Navigation extension provides merchants with the following key features:

● Advanced Magento 2 navigation panel with the additional flterss

● AJAX page reloads refresh only the product results instead of an entire pages

● iilter single- and multi-select modess

● Parameters confgured individually by each flters

● Thanks to the integration with the Advanced Search extension by Aheadworks, userscan sort products on search result pages (in addition to the catalog ones)s

● The integration with the Shop by Brand extension by Aheadworks adds a brand flter to the navigation panela

Extension Logic

The Layered Navigation extension offers two levels of flter managementa The 'Confguration' parameter set sets up flters on the extension level, while the 'Manage Filter' options confgure each flter individuallya

On the flter level, you can confgure navigation flters based on the existing product attributesa ior each flter, you can set the title, format (flterable or not flterable), availability in search results, position within the navigation panel, default state, attribute sorting logic, and applicable categoriesa ior the category flter, you can additionally set its list style: multi-select or single-selecta Once enabled, each flter is added to the navigation panel on catalog pagesa



https://marketplace.magento.com/aheadworks-module-shop-by-brand.html

https://marketplace.magento.com/aheadworks-module-advanced-search.html


+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

On the extension level, you can confgure the navigation panel parameters as a whole, including the default state of all flters, the maximum number of attribute values to displaywithin each flter, price flter look, etca

Getting Around

Enabled / Disabled Popover ModesThe provided navigation functionality can be implemented in two ways: with or without the navigation popovera In the latter case, the module updates the product results page upon each flter selectiona With the popover enabled, on the other hand, customers can choose all the necessary attribute values and then refresh the resulting page at oncea

Each of the above page refresh methods changes the appearance of the layered navigation bara ior example, the bar without the popover features the count of products available upon a particular attribute value selection in bracketsa




+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

If enabled, the popover shows up displaying the number of items matching the current

selectiona Once a user has clicked in the popover, the catalog reloads via AJAX

showing the appropriate resultsa

Attribute Multiselect

In contrast with the native Magento layered navigation, our module offers you the attribute value multi-select featurea With it, customers can select several attribute values within one product attribute and, this way, considerably broaden and improve the fnal product selectiona


If required, you can disable item counta Go to Stores > Settings > Confguration > Catalog > Cataloga Expand the 'Layered Navigation' taba Choose No in the 'Display Product Count' box (uncheck the 'Use system value' box beforehand)a



+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

In addition to the multi-select mode, we added the traditional, single-select one to the category fltera It helps customers easily navigate among sub-categoriesa




+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

New Filter Options

Along with the enhanced navigation functionality, the Layered Navigation extension offersthree new flters:


To enable the single-select mode, go to Catalog > Layered Navigation by Aheadworks > Manage iiltersa Click on the 'Category' flter in the lista On the flter settings page, expand the 'Category list style' box and choose the 'Single path' optiona

The Layered Navigation extension catches up all the product attributes available for a particular categorya Attribute sorting options, values, availability in layered navigation - these are the native Magento 2 settings described in the developer user guidea



https://docs.magento.com/m2/ee/user_guide/catalog/navigation.html

+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

● In Stock - shows all the products in stocka Useful if you display out-of-stock products in your store (the flter is automatically disabled if there are no out-of-stock products in a particular category)s

● On Sale - shows all the products with the 'Special Price' attribute (the flter is automatically disabled if there are no products with 'Special Price' in a particular category)s

● New - shows all the new products with the 'Set Product as New from Date' option enabled (the flter is automatically disabled if there are no 'new' products in a category)a

Note that all the newly added flter options act in a similar way directly exploiting the native Magento 2 attributesa

The Layered Navigation extension is compatible with the Magento Solr search out of the box with no manipulations requireda

'Show X More' Active Link

In order to truncate extra long lists of multiple attribute values, the extension uses the 'Show X more' active linka The link shows the number of hidden flter valuesa With it, customers can unfold long attribute value lists with one clicka




+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

Clear All

Since customers can simultaneously multiple attribute values within the same flter, disabling them one by one might become quite time-consuminga With Layered Navigation,

they can cancel all the selected flter values with just one click on next to the flter

namea

Price Filter Types

The extension also offers the new types of the 'Price' flter, including the price slider and from-to price inputa The frst one is especially useful for quick selectionsa With the from-to input, customers can manually specify the required price rangea




+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

Horizontal Filter Bar

If some of your catalog pages have a one-column design, opt for the horioontal navigation panela


To enable a one-column layout, go to Catalog > Inventory > Categoriesa Expand the 'Design'taba Select the '1-column' option in the 'Layout' boxa



+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

Backend Confguration

General Settings

Start with confguring the global extension settingsa

The extension confguration parameters can be found under Stores > Settings > Confguration > AHEADuORKS EXTENSIONS > Layered Navigationa

The provided settings defne the extension's behavior and the additional flters:

● Enable AJAX - defnes how the extension handles the category page when the flter is applied:

- If set to 'Yes', the extension will only reload the product block;

- If set to 'No', the extension will reload the whole category page;

● Display "New" Filter - defnes if the 'New' flter should be available for customerss

● Display "On Sale" Filter - defnes if the 'On Sale' flter should be available for customerss




+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

● Display "In Stock" Filter - defnes if the 'In Stock' flter should be available for customerss

● Disable "Show X Items" pop-over - defnes if the popover with item count matching the currently selected attributes should be displayeds

● Use price slider - defnes if the price attribute should be available in the form of a sliders

● Use from-to price inputs - defnes if customers can specify the exact price range in the price flters

● Default flter state - determines the default state of all flters (expanded or collapsed)s

● Filter values display limit - determines the number of flter values to be shown above the 'Show X more' link (if applied)s

● Hide flters with no available values - defnes if flters that do not have values for the currently generated product list should be hidden in the navigation menus

● Hide attribute values if they are not available - shows or hides the attribute values within one flter void for the current product selectiona

SEO Settings

The 'SEO' optimioation settings are aimed at improving store presence in search engines and to avoid destructive SEO issuesa

The available parameters are:

● SEO-friendly URL - defnes how the applied flters affect the end-page URLs

● Disable search engine indexing on catalog search pages - defnes if the search engine indexation should be disabled on catalog search pagess

● Use 301 Redirect for old URLs - if the catalog pages with flters have been indexed and then moved, this setting will create the 301 redirect to the old-page URLa The old-page URL is based on the 'SEO-friendly URL' setting values




+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

● Page Meta Title Template - defnes what information should be added to the catalog page's Meta Title after the attributes are selected in Layered Navigations

● Page Meta Description Template - defnes what information should be added to the catalog page's Meta Description after the attributes are selected in Layered Navigations

● Rewrite meta robots tag - when enabled, the parameter adds the 'NOINDEX' and 'NOFOLLOu' meta tags to the category pages if:

- it is the second or the following page (pagination)s

- products are fltered by position, name, or prices

- selected several options of the same flters




+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

- product listing is different from default values - when the product listing value becomes a part of the URLa

● Add canonical URLs - defnes if the canonical URL's are added to the catalog searchpagesa

Managing Filters

Now let's explore how flters can be confgured separatelya ior this purpose, open the 'Manage Filters' grida

The grid can be found in Catalog > Layered Navigation by Aheadworks > Manage Filters.


The 'Use 301 redirect for old URLs' setting works as follows: if the indexed catalog page URL with flters applied doesn't correspond to the current value of the SEO-friendly URL setting but corresponds to other values, the indexed category URL will be redirected to the URL of the new formata



+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

The 'Manage Filters' grid contains six columns, including flter names, codes, types, their general status, status in search, and positiona In the grid, you can sort flters by the above attribute and perform mass actions with the selected fltersa This way, you can change the flter status and status in search or synchronioe the selected fltersa

Filter Editing

The 'Edit Filter' page contains the two sections: 'General Settings' and 'Categories'a

● The 'Filter Title' option changes the name of a particular product attribute and the layered navigation flter, accordinglys

● The 'Use in Layered Navigation and 'Use in Search Layered Navigation' parameters enable the flter for a particular navigation areas

● Position - determines the flter's position in the navigation panels




+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

● Default flter state - specifes the state of a particular flter by defaults

● The 'Sort by' option determines the sorting order of attribute values within the flter: manually or automatically in the alphabetical order ('A-Z' or 'Z-A')s

● Category list style - the option is available for the 'Category' flter onlya It determines the navigation panel's appearance and behaviora If the 'Default (multiselect)' option is enabled, the 'Category' flter looks much like the other fltersa It displays categories, subcategories, and checkboxesa Customers are able to select one or several of thema The 'Single path' option displays the whole category tree so that customers can directly proceed to the only destination within the catalogs

● Select categories where to display the flter - the option makes a particular flter available: a) everywhere where applicable, b) only in the categories of the lowest level, c) exclude specifc categories to be available for the fltera

Uninstalling Layered Navigation

Manual Removal

1a Disable the module by executing the following commands:

2a Remove the extension fles from the following folder:


The flter becomes available only if at least one of the 'Use in Layered Navigation and 'Use in Search Layered Navigation' options is availablea

php bin/magento module:disable Aheadworks_Layerednav php bin/magento setup:upgrade

app/code/Aheadworks/Layerednav



+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)

[email protected]

Automatic Removal (via Composer)

1a Disable the module by executing the following commands:

ior an in-depth look visit Layered Navigation demo store at the extension’s product pagea

ieel free to contact our support team with any questions:

helpdesk@aheadworksacom

Call us:

US: +1 (646) 480 - 0154

UK: +44 (20) 8133 - 0154


php bin/magento module:uninstall Aheadworks_Layerednav


https://marketplace.magento.com/aheadworks-module-layered-navigation.html


Layered Navigation · The provided navigation functionality can be implemented in two ways: with or...

Documents

Transcript of Layered Navigation · The provided navigation functionality can be implemented in two ways: with or...