Help - Filter list limit + Show More button

New Member
1 0 0

Hi Everyone,


Can someone help me with my problem? I have a sidebar filter in my collection page and this sidebar uses a list to show available filters. However, the filter list is too long and this would mean a very bad user experience.


What I want to do is to limit the number of filters ( tags ) shown in the list to 10 and also add a 'show more' button under the list wherein the customer can click the button and it will show them the rest of the list.


Can anyone help me please. I have been looking for a way to do this. I am using the Gecko theme which I have customized.


Here's a screenshot of my current sidebar filter list:



Here's what I would want it to look like:



And here is the liquid code for the iteration / loop of the sidebar:



Looking forward to your replies.