Change default toggle of side-bar filter menu to collapsed

New Member
2 0 0

This seems like it should be quite easy to change, but I'm unable to figure it out.  I have group filtering enabled to show on the shopping pages of my site - i have quite a few tags for the filter and would like the entire list to be defaulted to a collapsed state.  Can anyone advise how to accomplish this?

0 Likes
New Member
2 0 0

Could not get theme help or help from Shopify - but did figure it out finally:  For my particular theme "Showtime"- i simply made this chage in line 11 of the sections/sidebar-collection.liquid file.  Below is line 9-11 - only change is adding the class display-none.

FROM THIS: <div class="side_box side_box_1 sidebar_filter red5">
    <h5><a href="#" class="tgl_btn">{{ 'collections.sidebar.widget_filter_title' | t }}</a></h5>
    <div class="tgl_c"> ..........

TO THIS: <div class="side_box side_box_1 sidebar_filter red5">
    <h5><a href="#" class="tgl_btn">{{ 'collections.sidebar.widget_filter_title' | t }}</a></h5>
    <div class="tgl_c display-none">........

*obviously creating a new style in the .css file for display none:

.display-none {
  display:none;
}
 

Hope that helps someone else needly struggling for something so simple.

 

0 Likes
Highlighted
Tourist
8 0 8

Thanks - very useful

0 Likes
New Member
1 0 0

This works great. Thank you!

0 Likes