Magento 2 Layered Navigation

$0.00
Links
$0.00
$0.00  Free version $199.00  Pro version

Free Version.

PRO Version.

AJAX Filtering

Fully Opened/Closed/Expandable for any filter

Sorting Option by Name or Position defined by user

Show Item Counter

Hide/Show Wishlist Block

Hide/Show Compare Block

Hide/Show Category filter

Multiselect options from the same attribute

Slide In Design, CLICK for demo

Slide Down Design

Hide Filter on Specific Categories

Filter Search

Filter by Product Ratings

Free Version

Pro Version

Coming soon

Coming soon

Coming soon

Coming soon

For Best Performance and Optimization use this Extension with:

We packed it all up to offer the smoother UX for your customers and made sure that all extensions work smoothly together.

About Layered Navigation For Magento 2.

Layered Navigation is a tool for narrowing down the displayed product list within a category by specifying one or more product attributes (e.g., narrowing the 750 products in the “Clothing” category by size, color, material, cut, etc). Multiple filters can be combined by the user to meet some very specific needs (e.g., “color: black,” “price: $19.99 - $49.99,” “waist size: 32,” and “length size: 34”). Customers that use the filters are usually converting at a much higher rate as they are able to find exactly what they are looking for in a matter of seconds.

With our extension we took the initial capabilities of the default Magento functionality and enhanced it with the most commonly used ones.

The new functionalities include:

  • Ajax Filter
  • Fully Opened/Closed/Expandable for any filter
  • Sorting Option by Name or Position defined by user
  • Show Item Counter
  • Hide/Show Compare Block
  • Hide/Show Wishlist Block
  • Multiselect options from the same attribute
  • Slide In Design (Pro Version Only)
  • Slide Down Design (coming soon Pro Version Only)
  • Hide Filter on Specific Categories (coming soon in Pro Version only)
  • Filter Search (coming soon in Pro Version only)
  • Filter by Product Ratings (coming soon in Pro Version Only)

Ajax Filtering weltpixel

We implemented the Ajax Filter do decrease time between the moment when the customer clicks a filter and moment when the products are filtered. The Ajax Filter eliminates the need of a full page refresh so your customers can experience a much faster and smoother transition while applying each filter.

Not having an Ajax Filter Option would apply 2-4 seconds (even more based on your website page load time) every time a filter is applied or removed. In addition it would interfere with the pageview count metric in Google Analytics.

To enable this filter, simply go to WeltPixel -> Layered Navigation -> Enable Ajax ( Yes / No )

Customize each filter – Fully Opened/Closed/Expandable

Magento does not allow by default to customize any attribute. With our extension now you can easily determine which filter is the most relevant so you can collapse the ones less used and allow focus on the most important ones.

This option can be found under:

Manage Attributes -> Select the attribute that you would like to customize -> Filter Display Option: ( Fully Opened / Closed / Expandable )

If you are looking for a midway solution, you will also have the option to use the Show more functionality. This option allows you to display by default 5 options (the number of options is configurable) and then have a “show more” button to reveal more.

You will also be able to select if you would like to display Quantity and how the sorting should be setup.

This option can be found under:

Manage Attributes -> Select the attribute that you would like to customize -> Show Item Counter: ( Yes / No )

Manage Attributes -> Select the attribute that you would like to customize -> Sort by: ( Position / Name )

Hide Unwanted Magento Blocks.

You probably already looked it up on Google how to remove the Category, Compare and Wishlist blocks. Look no further! You will now have the option to display or hide which block you want your customers to interact with.

This options can be found under:

WeltPixel -> Layered Navigation -> Show Category Filter: Yes/No

WeltPixel -> Layered Navigation -> Show Compare Products block: Yes/No

WeltPixel -> Layered Navigation -> Show Wish List block : Yes/No

weltpixel
Enable the Multi-Select functionality. weltpixel

The Multi-Select feature is the most often used by your customers. Some attributes such as size or color is often multi selected. Eg. In a shoe category that contains multiple sizes, the customer might select the following sizes 8.5/9/9.5 to make sure that he finds what he needs as sizing might often vary based on brand or style.

This option can be found under:

Manage Attributes -> Select the attribute that you would like to customize -> Enable Multiselect: Yes/No

SEO Implementation that drives results

We often seen implementations where certain attributes are added to the URL and delimited by a simple “/”. That implementation can often be very dangerous as there is no easy way of eliminating all the attribute combinations which often result in generation of ten’s of thousands of unwanted url.

Over many years of experience with Enterprise Customers, and working with leading SEO agencies, we found the most scalable implementation.

We are keeping each attribute as a query in the URL: https://weltpixel.com/women/tops-women/jackets-women.html?color=56&size=167

the attribute parameter Color and Size can be easily removed using Robots.txt file, excluded in various sitemap generator tools as well as excluded in Google Search Console.

The URL canonical tag remains the original URL https://weltpixel.com/women/tops-women/jackets-women.html

The above implementation helped rank our Enterprise Customers on top 3 position for the highest competitive keywords in the industry.

Slide In Design

Features of the Extension.

  • Ajax Filter
  • Fully Opened/Closed/Expandable for any filter
  • Sorting Option by Name or Position defined by user
  • Show Quantity
  • Hide/Show Compare Block
  • Hide/Show Wishlist Block
  • Multiselect
  • Slide In Design (Pro Version Only)
  • Slide Down Design (Pro Version Only)
  • Hide Filter on Specific Categories (coming soon)
  • Filter Search (coming soon)
  • Filter by Product Ratings (coming soon)

How to Install the Extension:

  • Step 1:
    Before installing Layered Navigation for Magento 2 store please check the extension compatibility. This extension is currently compatible with the following Magento versions 2.0.X. - 2.2.5 It is recommended to install the extension first on a testing server before you install it on a live (production) server.
  • Step 2:
    Copy the extension files to below paths of your magento 2 instance. If ‘app/code/WeltPixel’ folder is missing, please create it manually:
    app/code/WeltPixel/Backend (download Backend from HERE if missing)
    app/code/WeltPixel/LayeredNavigation
  • Step 3:
    Access the root of your magento 2 project from command line and run the following commands:
    php bin/magento module:enable WeltPixel_Backend --clear-static-content
    php bin/magento module:enable WeltPixel_LayeredNavigation --clear-static-content
    php bin/magento setup:upgrade
    php bin/magento setup:static-content:deploy
  • Step 4:
    Flush any cache that you might still have enabled on your server or in Magento.
  • Step 5:
    Woohoo, the extension is installed!

CONFIGURATION.

GENERAL SETTINGS

    Go to Admin > WeltPixel > Layered Navigation > General Settings

    • Enable Layered Navigation [Yes / No] - enable Layered Navigation module
    • Enable Ajax [Yes / No] - Ajax Filter eliminates the need of a full page refresh so your customers can experience a much faster and smoother transition while applying each filter.
weltpixel
weltpixel

SIDEBAR SETTINGS

    Go to Admin > WeltPixel > Layered Navigation > Sidebar Settings

    • Sidebar Style [Default / Slide In] - Select the preferred style for the Layered Navigation sidebar block. If the 'Slide In' option is selected, the 'Compare Products' and 'Wish List' blocks will be removed from the sidebar.
    • Show Compare Products block [Yes / No] - Show/Hide Compare Products block from sidebar.
    • Show Wish List block [Yes / No] -Show/Hide Wish List block from sidebar.
    • Show Category Filter [Yes / No] - Show/Hide Category Filter section from Layered Navigation sidebar.
    • Filter Button [Icon Only / Icon + Label / Label Only] - Select the preferred style for the Layered Navigation filter button.

Attribute SETTINGS

    For more settings on attribute level, go to Admin > Stores > Attributes > Product > [select attribute] > Storefront Properties > WeltPixel Layered Navigation Properties tab

    • Filter Display Options [Closed / Fully Opened / Exapandable] - Select how the attribute options are displayed. Can be used only with catalog input type Dropdown, Multiple Select and Price.
    • Initial Number of Visible Options - The number of attribute option(s) that will be initially visible. Can be used only with Filter Display Options - Expandable.
    • Expandable items behaviour [All / Show x more] - Select the number of attribute option(s) to show/hide when using Expand feature. Can be used only with Filter Display Options - Expandable.
    • Enable Multiselect [Yes / No] - Allow to filter multiple options from the same attribute.
    • Show Item Counter [Yes / No] - Show item counter next to the current attribute options.
    • Sort By [Position / Name] - Select the sorting of the current attribute options.
weltpixel
weltpixel

Change Log.

What's new in v.1.7.1 - July 11, 2018

  • Compatibility with Magento 2.2.5 both Open Source & Commerce Cloud B2B.
  • Added domain.test & [any_subdomain].domain.test to the list of valid urls for staging/development environments. Added domain validation with port number included for licensing purpose.
  • Added licensing compatibility with Magento B2B.


What’s new in v.1.7.0 - July 10, 2018

  • Initial release
Write Your Own Review
You're reviewing:Magento 2 Layered Navigation
Your Rating