Shopify themes, liquid, logos, and UX
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.
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!
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?
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();
}
}
});
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025