How to set filtering & sorting accordions closed as default?

[HBaars]

Filtering & Sorting accordions are all open as default when page loads. With so many filtering options, I'm trying to close all the accordions for people to then click on and discover further.

Using Tinker 1.0.5

[jakeclifford]

Hi @HBaars,

Can you send through a screenshot so I can see what you see?

Thank,
Jake 

[WebDeskSolution · Accepted solution]

Hello @HBaars 

Please follow the steps below after logging into the Shopify admin:

• Go to your Shopify Admin panel.

• Click on Online Store > Themes.

• Find the theme you want to edit and then click Actions > Edit code.

• Search theme.liquid

Insert the provided Script code at the above of the closing of the body(</body>) tag
SS : https://prnt.sc/_D8KD40wFkJK

<script>
      window.addEventListener('DOMContentLoaded', function() {
          const facetPanels = document.querySelectorAll('.facets__panel');
          facetPanels.forEach(function(panel) {
              if (panel.hasAttribute('open')) {
                  panel.removeAttribute('open');
              }
          });
      });
</script>

Please hit Like and Mark it as a Solution if you find our reply helpful.

[HBaars]

This worked perfectly - thank you!

[WebDeskSolution]

Hello @HBaars 

Glad to hear that! Happy to help 😊