Help - Filter list limit + Show More button

Highlighted
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:

ss-05.png

 

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

ss-07.png

 

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

ss-06.png

 

Looking forward to your replies.

 

Regards,

ABPJr

0 Likes