Magento Expert Forum - Improve your Magento experience

onet connect
Results 1 to 6 of 6

How to create layered navigation in magento

  1. #1
    Junior Member rocker's Avatar
    Join Date
    Mar 2013
    Thanked 11 Times in 9 Posts

    Default How to create layered navigation in magento

    The quicker customers can find products on your Magento ecommerce store, the more likely they are to make a purchase. Throw hundreds of products at them, across multiple pages and they’ll be clicking off your site and going to one of your competitors in a matter of seconds.

    This is why when it comes to configuring your Magento store, we highly recommend building layered navigation. Allowing customers to filter your products by what interests them is a great way to meet their needs and in turn, boost your conversion rates.

    The ASOS website provides a great example of layered navigation. A long the left hand side you can filter products by both categories and attributions including style, brand, colour and price range.

    Automatic filters for layered navigation

    When looking into layered navigation, you will find that Magento has automatically set up two filters. The first is ‘price’ and the second is ‘categories.’ This basically means that your customers will already be able to view products by price or by their category e.g. ‘men’s clothing.’ 

    Category filter

    Adding layered navigations to these pre-made filters will involve creating anchor categories and sub categories. For example if you made ‘men’s clothing’ an anchor category, sub categories such as ‘shirts’ ‘jeans’ and ‘coats’ can be displayed as layered navigation options that narrow down the product selection and make it easier for customers to locate the item they are looking for.

    Allowing your customers to filter your products by category will make it much easier for them to find what they’re looking for. 

    Price range filter

    Magento has already intuitively set up a price filter with layered navigation for you to use. Price ranges will automatically display; determined by the price of the products you have added to your inventory. For example ‘£10.00 – £20.00,’ ‘£20.00 – £30.00’ and ‘£30.00 – £40.00.’ Allowing users to shop by their budget will improve the user experience of your ecommerce site and encourage customers to make purchases.

    Creating product attributes

    You can create additional layered navigation for your Magento website by setting up new product attributes. To do this go to Catalog > Attributes > Manage. From there you will be able to set up a new attribute e.g. ‘Colour.’ Where it says ‘Use in Navigation’ set it to ‘Filterable (with results).’

    Something else you will need to do is select the attribute filter display type. Choose from:

    • Default (standard layered navigation)
    • Dropdown box
    • Checkbox, image 
    • Input (only for decimal attributes)
    • Slider (only for decimal attributes like price)
    • Info text. 

    You can then create the different options for your attribute e.g. ‘Yellow,’ ‘Black,’ ‘Red.’ 

    When it comes to uploading a new product to your inventory, you will be able to select the appropriate product attributes for layered navigation. This means that your customers will be able to filter your products by colour. 

    There are many different product attributes you can create, depending on the types of products you are selling. For example, if you are selling men’s clothing, attributes could include ‘colour,’ ‘size’ and ‘material.’

    Remember that when you make any changes in your Magento admin panel, you always need to press the save button !

    Here you can see Carphone Warehouse has used layered navigation so customers can choose their mobile phone by colour e.g. pink.

    Layered navigation plugins

    If you want to further enhance your Magento ecommerce store’s layered navigation options, you may want to consider installing an extension from the Magento Connect store. There is a wide range of layered navigation extensions available for Magento, with two of the most popular being Sidebar Navigation Menu Professional and Ajax Pagination and Sorting. There are also extensions designed to speed up Magento sites using layered navigation (known to slow page loading times down) including Nitrogento.

    Preventing SEO problems associated with layered navigation

    Whilst layered navigation is great from a customer perspective, it has the potential to hinder your SEO efforts. Firstly it makes it more difficult for search engines to crawl your pages and secondly there can be duplicate content issues.

    The best way to prevent SEO issues with Magento’s layered navigation is to use the Rel=Canonical tag on filters and layered navigation pages. This will ensure search engines are pointed to the original source of content and do not count the products featured in various different categories as duplicate content. We talk more about Canonical links on the link to Optimising Magento with SEO page.

    You can also prevent SEO problems by editing your site’s Robotos.txt file so that search engines do not index the content on layered navigation pages. We only recommend doing this if you are sure of how to do it! If not, seek professional help!

    Is layered navigation essential?

    If you only have a few products listed in your Magento catalogue and therefore only have a page or two for customers to look through, layered navigation probably isn’t a necessity for you. However for Magento stores with pages and pages of products, layered navigation is a must-have. 

    Improving user experience

    Creating layered navigation with categories and product attributes will make it easier and quicker for customers to locate the product they are looking for. Product filtering plays a significant part in the overall user experience provided by your ecommerce website and the better user experience you can provide, the more likely customers are to buy your products and return to make purchases in the future.

    SEO benefits

    Improving the navigation of your website using layered navigation can also contribute towards your Magento site’s SEO. This is due to the fact that offering product filtering is likely to result in a lower bounce rate. A low bounce rate signals to Google and other search engines that your site offers a good user experience as users are spending a significant amount of time on your website. 

    We all know just how important creating a good user experience is in achieving higher rankings in relevant searches. The higher you rank, the more traffic you will have visiting your site, giving you a better chance at increasing sales and conversion rates.


    When it comes to setting up layered navigation for your ecommerce website, Magento makes it very straightforward. However if you are new to Magento and require a little assistance, you can always get in touch with our friendly team of Magento experts. We can either set up layered navigation on your behalf or teach you how to set up categories and product attributes so you can add more in the future.

    View more threads in the same category:

  2. The Following User Says Thank You to rocker For This Useful Post:

    ShruthiSeth (22-07-2016)

  3. #2
    Junior Member Magento MageSolution's Avatar
    Join Date
    Dec 2013
    Thanked 5 Times in 5 Posts


    Look at Magento Layered Navigation for Better Price, more Benefits
    ONLY $ 49 come with Outstanding Features:

    Name:  view_2.jpg
Views: 2165
Size:  88.0 KB


    Able to display multi-options for the Category filter
    Able to upload image for each of options of one attribute
    Able to display or hide image of the option at frontend
    Able to display or hide checkbox for the option at frontend
    Able to display both price slider control and textbox to insert price at frontend
    Able to filter the search results by price range
    Able to filter the search results by multi-select in one attribute
    Able to filter the search results by multi-attributes
    Enhance your site performance with fast AJAX loading
    Allow admin to enable/ disable Ajax Loading


    Easy to install, easy to upgrade
    HTML/ CSS and W3C validation
    Friendly and flexible configuration
    Cross-browsers compatibility
    Visit now for more details :

  4. #3
    Junior Member
    Join Date
    Jun 2015
    Thanked 0 Times in 0 Posts

    Default How to create layered navigation in magento

    I have a website and every day to update the site, but the PR did not increase, do not know why. Demand in this fast website PR value?

  5. #4
    Junior Member
    Join Date
    Jun 2015
    Thanked 7 Times in 7 Posts


    Also have a look at : MAGENTO LAYERED NAVIGATION EXTENSION - $ 39 with a lot of powerful features :

  6. #5
    Junior Member paulsimmons's Avatar
    Join Date
    Apr 2014
    Thanked 1 Time in 1 Post


    Try this FREE Layered Navigation Magento Extension by FmeAddons having more enhanced features.

  7. #6
    Junior Member Amasty's Avatar
    Join Date
    May 2013
    Thanked 3 Times in 2 Posts


    You can also check out this all-in-one Improved Layered Navigation for Magento -
    It includes:

    - Ajax Layered Navigation
    - Shop by Brands
    - Price filters & sliders
    - SEO friendly urls & navigation
    - Multiple and single attribute selection
    - and more!

    Name:  magento-layered-navigation-on-rwd-theme.png
Views: 1596
Size:  278.3 KB

Tags for this Thread


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts