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();
}
}
});
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024