Streaming live at 10am (PST)

Buttons to filter collection lists :)


#1

Hi all !

I am playing around with isotope… amazing how the user can filter / sort things out by clicking on buttons.

I know we can, through webflow designer interface, filter and sort collections lists out, but is it possible to “link” buttons to those actions so that the user can filter / sort collection lists directely on the website the same way he would with an “isotope setup” ?

Thank you so much for your help !
Anthony

Isotope plugin:


Here is my public share link: LINK
(how to access public share link)


#2

If you don’t want to use custom code, then you’ll have to manually set up different layers with each collection list in each layer having a different filter/sort, then use buttons to hide all other layers and only show the corresponding layer.

Or you can also use tabs.


#3

Hi @samliew,

Thank you, I’ve set up my layout with tabs and asked each tab to “filter” categories through the collection list filter features… pretty powerful :slight_smile: Only wished I had the nice isotope effect while filtering.

Thank you for the tip though !!


#4

Sounds like a great solution to sort masonry grids. Thanks !


#5

Hi @oliviermorisse,

You might be interested in this Isotope filter and search Webflow Project :slight_smile:

Haven’t used isotope sofar but that example looks super poweful.
Just have a look at his read-only link :wink:

Hope it helps !
Anthony


#6

Indeed, looks great, thank you Anthony.