Open Multiple Sidebar "Filters & sort" Groups by Default (Impact Theme)

[tdr-solsant]

Hi all. On my Shop page I have selected "Open first group by default" but I would like both my filter groups open by default. Does anyone know how to achieve this please? Thank you https://chirp-protect.com/collections/shop (Impact Theme)

[Dan-From-Ryviu]

Will need to edit the code of your theme. If you don't mind, please share collab request code of your theme so I can help

[TheScriptFlow]

Hey @tdr-solsant,

In order to achieve the requested change required to do changes in the custom code.

Would you like to share the collection.liquid file so that I can update it for you.

Thanks

[Darshan17]

Hello,

If you don’t mind, could you please share the collaborator request? I need to review the code and make some modifications, which will take no more than 15 minutes. You can share the collaborator code in a direct message.

Thank you!

---

[tim · Accepted solution]

If you do not want to edit theme code, you can add a "Custom liquid" (Custom code?) section to the Collection page template (or Footer group).
Should be below collection sections.

Add this code to this section:

<script>
document.querySelectorAll('#facet-form .accordion:not([open])')
  .forEach(s=>{ 
    s.setAttribute('open', '');
    s.setAttribute('aria-expanded', true);
    s._open=true;
  })
</script>

Or this code -- it will be a bit more reliable, but group opening will be more noticeable:

<script>
document.addEventListener('DOMContentLoaded', ()=>{
  document.querySelectorAll('#facet-form .accordion:not([open]) summary')
    .forEach(s=>{ 
      s.dispatchEvent(new Event('click'));
    })
})
</script>