Upload
others
View
4
Download
0
Embed Size (px)
Citation preview
+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)
Layered Navigationfor Magento 2
https://marketplace.magento.com/partner/Aheadworks
+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)
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
https://marketplace.magento.com/partner/Aheadworks
+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)
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/partner/Aheadworks
+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)
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
https://marketplace.magento.com/partner/Aheadworks
+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)
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
https://marketplace.magento.com/partner/Aheadworks
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)
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
https://marketplace.magento.com/partner/Aheadworks
+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)
New Filter Options
Along with the enhanced navigation functionality, the Layered Navigation extension offersthree new flters:
https://marketplace.magento.com/partner/Aheadworks
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
+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)
● 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
https://marketplace.magento.com/partner/Aheadworks
+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)
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
https://marketplace.magento.com/partner/Aheadworks
+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)
Horizontal Filter Bar
If some of your catalog pages have a one-column design, opt for the horioontal navigation panela
https://marketplace.magento.com/partner/Aheadworks
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)
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
https://marketplace.magento.com/partner/Aheadworks
+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)
● 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
https://marketplace.magento.com/partner/Aheadworks
+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)
● 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
https://marketplace.magento.com/partner/Aheadworks
+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)
- 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.
https://marketplace.magento.com/partner/Aheadworks
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)
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
https://marketplace.magento.com/partner/Aheadworks
+1 (646) 480 - 0154 (US)+44 (20) 8133 - 0154 (UK)
● 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:
https://marketplace.magento.com/partner/Aheadworks
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)
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
https://marketplace.magento.com/partner/Aheadworks
php bin/magento module:uninstall Aheadworks_Layerednav