Filtering tabs collapsed by default

Store Design
1

hi im looking to have the filter tabs collapsed by default in the collection menu. right now they’re all open and no option to make collapsed. its the nordic theme

2

Hey @wingedmonkey

Welcome to the community!

That’s a bit of Javascript work, can you share your store URL and password if enabled?

Best,
Moeed

3

the url is www.wingedmonkey.net

4

the problem is solved?

5

no it has not been solved!

6

If Nordic does not expose this in Customize, it is usually a small theme-level change rather than a Search & Discovery setting.

I would make a duplicate of the theme first, then find the collection filter markup, usually the <details> element around each filter. If it is rendered with open, remove that default; if the theme adds open through JavaScript, change that initialization instead.

Test the collection page on mobile too, because themes often use separate filter markup there. I would avoid editing the live theme until the duplicate behaves correctly.

7

Collapsing filters can reduce first-screen noise, but keep the selected state and active-filter count visible. I’d leave the highest-use group open on desktop and verify the mobile drawer separately. The useful signals are filter opens, zero-result states and collection exits — not just “collapsed looks cleaner.”

8

i found the word open and was able to take that out for the desktop. mobile is already working as i want it to. but now there is the word “reset” by each filter tab - i want it to be a “primary-focus” arrow i believe, or a “drop down arrow”

9

Hey @wingedmonkey

hope you’re doing well!

If Nordic doesn’t have a built-in setting for collapsed filters, it’ll likely need a small Liquid/CSS/JS customization. I’d check the theme’s collection/filter settings first, then jus the filter accordion to start closed

10

do you know what the small customization is because there is nothing in theme settings

11

add the below code in your js file,
global.js or you can also write at the bottom of your theme file

document.querySelectorAll('.facets__disclosure').forEach(function (filter) {
filter.open = false;
filter.removeAttribute('open');
});