I feel like this is probably already solved somewhere, but I was unsuccessful in finding it here: I want to filter ALL collection items, not just the ones currently visible in my limited list.
https://soundcloud.com/company/newsroom
The 3 filter buttons (All, News & Announcements, Artists & Fans) and the dropdown (Earliest First, Most Recent) only filter the 9 tiles shown. I would like them to filter ALL items, and have them paginated. Right now it only filters the 9 shown.
Hey @moritz!
We see exactly what you’re experiencing with your SoundCloud newsroom filtering. The current setup only filters the 9 visible items because you’re hitting the native Webflow pagination limit. The good news is that Finsweet Attributes v2 has a perfect solution for this: Render All mode.
Your filters are working correctly but only on the items currently displayed (9 items per page). This happens because Webflow’s default pagination loads items in chunks, and the List Filter can only work with items that are actually loaded in the DOM.
To filter your entire collection, you’ll need to:
-
Add the Render All attribute to your Collection List:
fs-list-load = "all" -
Make sure you have the core attributes set up:
On your Collection List:
fs-list-element = "list"
fs-list-load = "all"
On your Filter Container/Form:
fs-list-element = "filters"
On each Filter Button:
fs-list-field = "YOUR_CMS_FIELD_NAME"
fs-list-value = "FILTER_VALUE"
- Ensure your script is properly loaded
Just keep in mind that loading all items at once can impact page performance, especially on mobile. Since this is for a newsroom with potentially hundreds of articles, consider the user experience carefully.
If performance becomes an issue, you could use Pagination mode instead, which loads items progressively while maintaining filtering across all items.
Let us know how it goes! If you need help with any custom code solutions, @Support-Luis or @Support-Pedro can assist you further.