Layered Navigation in Magento 2 is one of the useful features that lets your customers search items easily and quickly based on category, price, and product attributes.
It generally appears in the left column of Magento 2 category pages and the search results pages. Layered navigation enhances the on-site experience for your customers.
Admin generally needs to perform various operations and customizations on layered navigation based on business requirements such as removing filterable attribute values with 0 products from Magento 2 layered navigation or altogether remove layered navigation from category page in Magento 2 based on the design or theme of the store.
For example, you have products for which category-based classification does not matter, or when the landing page is more critical than the category page, removing the layered navigation can be considered.
If you are offering software products such as Magento 2 extensions, or any related services that don’t need category-wise searching, the below solution can be useful.
It is better to remove layered navigation instead of distracting users and adversely affecting the user experience in such kinds of situations.
Follow the below method to remove layered navigation based on the design layout requirement:
Method to Remove Layered Navigation from Category Page in Magento 2
Use the below code in catalog_category_view.xml at app\design\frontend\[theme]\Magento_Catalog\layout
1 2 3 4 5 6 7 8 | <?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <body> <referenceBlock name="catalog.leftnav" remove="true"/> </body> </page> |
That’s all!
If you have any doubts regarding this post, don’t hesitate to mention them in the Comments section below.
I would be happy to help.
Feel free to share the solution with Magento Community via social media.
Thank You.
Get Weekly Updates
Never miss Magento tips, tricks, tutorials, and news.
Thank you for subscribing.
Something went wrong.