Re: How can I keep the filter menu open in the Impulse theme?

How can I keep the filter menu open in the Impulse theme?

SillySausage
Visitor
1 0 0

 

Hello everyone,

I have the Impulse theme and have paid for a customisation to be done on the filter menu. The customisation is to add blocks to the collections filter so my tagss could be organised under catagories.

 

original-934A452B-8B3A-4575-8C98-5676733A415C.jpeg

 

original-26EEAC3E-ABEB-4EA8-9142-FF5E61FE090E.jpeg



The issue I am now having is when a selection is made in the filter menu the menu automatically collapses. What I would like to happen is a selection to be made and the menu to stay open until the user is finished. This enables the user to make multiple selections in the menu, the products can then be filtered and then the menu can be exited.

Could someone please tell me if this is possible to achieve with this theme. If it is possible could you please advise on the best way to acheive this.

Many thanks!

Replies 2 (2)

cdem
Tourist
4 0 0

I am looking for the same thing for the the Motion theme, which I believe is made by the same company. 

Did you figure out how to keep the filter panel open?

cdem
Tourist
4 0 0

I may have found part of the solution. I am using the Motion theme but some of the code is the same between the archetype themes. This keeps the panel open when selection different filters and if you deselect from the square bullet. It doesn't keep the panel open if you click the button/x on the filter at the top of the panel. Definitely test this on a duplicated theme before your live one! 

In the Assets/theme.js file change the onselect and deselect to theme.FilterDrawer.open();


 onSelect: function() {
        if (theme.FilterDrawer && (drawerStyle || theme.config.bpSmall)) {
          theme.FilterDrawer.open();
        }
      },
  
      onDeselect: function() {
        if (theme.FilterDrawer) {
          theme.FilterDrawer.open();
        }
      },
  
      onUnload: function() {
        if (theme.FilterDrawer) {
          theme.FilterDrawer.open();
        }
      }
    });