By default in Luma theme all the filters come in closed state and to make active all the filters in layered navigation I have tried this solution Open category filters by default in Magento 2 and hopefully got succeed in same.

But Now I see some strange behavior, Like few of filters are active by default and few are in closed state. On different categories it behave differently.

anyone with same problem kindly tell the solution if have any


1 Answer 1


My problem solved by placing altering some code lines and running few commands

In /app/design/frontend/packagename/themename/Magento_LayeredNavigation/templates/layer/view.phtml

1 ) Added the following line inside the foreach loop (foreach ($block->getFilters() as $filter) ):

<?php $range = implode(' ', range(0, $filter->getItemsCount())); ?>
  1. modify the div with class filter-options inside this loop, change active to as per below:

    div class="filter-options" id="narrow-by-list" data-role="content" data-mage-init='{"accordion":{"openedState": "active", "collapsible": true, "active": "", "multipleCollapsible": true}}'>

reference: https://www.magevision.com/blog/post/open-category-filters-by-default-magento-2/

After all this I run few commands may be it was not working because cache enable or some other problem but after running these commands , it worked great

php bin/magento cache:clean

php bin/magento cache:flush

php bin/magento setup:upgrade

php bin/magento setup:static-content:deploy 

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.