Make all filter expand by default

Make all filter expand by default

  1. Go to Online Store >Theme >Edit code.
  2. Search file theme.liquid
  3. Paste the below code before </body> of the file -> Save
Idea
<script>
window.addEventListener('DOMContentLoaded',(event)=>{
document.querySelectorAll('facet-filters-form details.facets__disclosure-vertical').forEach(item=>{
if(!item.hasAttribute('open')){
item.querySelector('summary').click()
}
})
});
</script>


    • Related Articles

    • Display color swatches on collection page filter

      Watch this video to see how to.

    • Make parent link clickable

      Snippets > header-mega-menu.liquid (l.19-25) Parentlink {%- assign parentlink = link.links[0] -%} <a href="{{ parentlink.url }}" title="{{ parentlink.title }}"> <span {%- if link.child_active %} class="header__active-menu-item" {% endif %} > {{- ...

    • Make submenu without child horizontal

      In the header, add in the following custom css: @media only screen and (min-width: 995px) { .mega-menu__list--condensed { display: flex !important; flex-wrap: wrap; } }

    • Make multirow section full width

      In the multi row section, add the following in the custom css: .multirow .multirow__inner { max-width: 100% !important; padding: 0px !important; }

    • Make Mega Menu Second Child Horizontal

      In the header, add in custom css as below: @media screen and (min-width: 990px) { .header--top-center .mega-menu__list { display: flex; justify-content: left; flex-wrap: wrap; column-gap: 0; } #MegaMenu-Content-1 .mega-menu__list li:nth-child(2) ...