Dawn theme filters to show always open (not collapsed)

Store Design
,

Topic summary

A user seeks to prevent collection page filters from appearing collapsed on page load in the Dawn theme, wanting all filter options visible by default.

Solution Provided:

  • Insert custom code into the theme.liquid file before the closing tag
  • Navigate through: Online Store → Theme → Edit code → theme.liquid
  • The code snippet was provided (though not visible in the conversation)

Related Questions:

  • One user asks whether this code addresses the “show more” button that still appears when filters have many options
  • Another requests help adding a scrolling sidebar to side filters, noting minimal coding knowledge and lack of responses elsewhere

Additional Resource:

  • A video tutorial was shared demonstrating how to convert Dawn theme’s top bar filter to a sidebar filter format

The original issue appears resolved for the initial poster, though follow-up questions about filter expansion and scrolling functionality remain unanswered.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hi, I am editing website https://royal-kidz-inc.myshopify.com/collections/all

password geacra

In the collections/all the filters under collection filter (more filters and product type) are showing collapsed when I load the page, how can I change it to show NOT collapsed when the page loads? so I can have all the filters visible. Thanks for your inputs.

2

Hi [email removed]Urbantis,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code before of the file → Save

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

3 Likes
3

Thank you

1 Like
4

Hi Victor,

I need to fully expand the side-bar filter, but when I use this code I still have the “show more” option. Is this code supposed to fix this, or do I need other code?

Thanks in advance!

Nate

5

Hi Victor,

Do you know how to add a scrolling side-bar to the side-filter in Dawn Theme? I have posted this elsewhere, but nobody has been of any help. My knowledge of coding/CSS is minimal.

https://community.shopify.com/c/shopify-design/scroll-bar-for-side-filters-dawn-theme/m-p/2007458

Thanks in advance!

Nate

6

Thank you so much!

7

You can check this video, how to make your Dawn theme Collection Top bar filter to Side bar Filter : https://youtu.be/gCwlreagklQ