Need sticky filters

Store Design

Topic summary

A user seeks to implement sticky filters on their Shopify collection page at trendlabb.com/collections/all.

Proposed Solutions:

  • One suggestion involves adding CSS code to the theme.liquid file under the <style> tag, though this approach reportedly did not work for the original poster.
  • Another recommendation suggests wrapping the filter section in a container and applying CSS sticky positioning, potentially combined with JavaScript for dynamic scrolling behavior.
  • For Shopify 2.0 themes, customizing the built-in filter system through the theme editor is mentioned as an option.

Additional Request:
The user also wants to add a category option alongside products, positioned below search filters, and make it sticky as well.

Status: The issue remains unresolved, with the initial CSS solution proving ineffective and alternative approaches suggested but not yet implemented or confirmed.

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

https://trendlabb.com/collections/all

I need sticky filters. how to do so. url is placed above. thanks

2

hey @ncsjcnjs Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution

MustafA16_0-1742023920526.png
MustafA16_0-1742023920526.png1907×604 165 KB

3

do you know how can i add catogery option aside of products and below search filters. also i want that to be sticky. if you know, help

4

It didn’t worked though. any other solution

5

To implement sticky filters on your Trendlabb collection page, you can use CSS and JavaScript. First, wrap your filter section in and apply CSS to make it sticky. To keep it fixed at the top while scrolling. Ensure the parent container has the properties to prevent layout issues. If your store is on Shopify, check the theme’s Sidebar or Filter section and modify the CSS inside your theme’s stylesheet. Additionally, use JavaScript (if needed) to adjust the filter’s behavior dynamically, ensuring it sticks when scrolling past a certain point. If you’re using Shopify 2.0, look for the built-in filter system and customize it through . Let me know if you need detailed code or guidance! :rocket: