Webflow CMS & Collection Lists

Filtering Collection Lists

Overview
State of Affairs
CMS Basics
Strongly-typed Data-binding
11:45
101
CMS Field Types
11:45
102
Sorting Collection Lists
Sorting by OPTION & REF Fields
13:43
201
Random, Dynamic List Sorting
202
Filtering Collection Lists
Filtering Collection Lists
11:45
250
Filtering Collection Lists by Date Range
11:45
252
Working with Collection Lists
How Collection List Pagination Works
3:46
301
Unbinding Collection Lists
3:46
302
Hide an Entire Section w/ Empty Collection Lists
7:00
303
Nesting Collection Lists
304
Display Filename for Download
305
Collection Lists & Custom Code
How to Store Custom Code in a CMS Text Field
400
How to Bind CMS fields to Custom Attributes
401
Collection Pages
Collection Pages
501
Password-Protecting Collection Pages for Specific CMS Items
502
Copying a CMS Page Layout to a Static Page
502
Prev-Next Navigation
503
No items found.
Published
January 4, 2023
Updated
in lightbox

Webflow has built-in filtering for Collection Lists, that can be used for a lot of useful situations.

  • Filter to items after a date, and/or before a date
  • Filter to items which share a common Ref, e.g. a category

What Webflow's filtering cannot do;

  • Filter on arbitrary things that the collection list doesn't know about
  • Filter on fields which are too far removed, through Refs or Multi-Ref links
  • Filter on other arbitrary things & dynamic things on the page like a Select dropdown or a checkbox
  • Filter dynamically based on another selection, such as changing a dropdown, or typing some text into a field. See Dynamic Filtering.

Advanced Filtering

Sygnal Filtering

https://wfu.sygnal.com/docs/webflow-html/filter/

Hide duplicate CMS items

https://discourse.webflow.com/t/hide-duplicate-cms-items/163975/7

Dynamic Filtering

Finsweet

Jetboost

Others

Isotope

Videos
No items found.
Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.