Filtering and sorting content on your site

March 21, 2016

Filtering content

Filtering your Collection List allows you to show only the collection items that you want. You do this by simply selecting the list, then navigate to the Settings Panel.

Here you will see a section labeled 'Filters'. To add a new filter, click on the "+" button.

Here you will be given a dropdown list containing the fields that you've added to the collection. It is with these fields that you can filter and reference specific collection items.

In our example, we select to only show items in which our Switch Field is On.

Filtering allows you to only show the content that you want.

Sorting content

In some cases you want to sort your content in a specific way. Common examples might be to sort alphabetically, or perhaps from the date to which the items were created on the site.

The sorting panel is located right below the Filters panel, and will allow you to sort using a variety of fields from your collection, as well as defaulted dates that Webflow will create automatically, including the Published Date, Created Date and Modified Date.

In this example we are sorting the Blog Post title alphabetically.


Adding a limit to your Collection List allows you to show only a certain number of items. By default Webflow will show all items that exist within the collection, so in many cases it might be handy to limit the number that are displayed.

Limit ranges: "Start at" and "Limit to" options

You can also create a range you want to limit items to. Instead of simply limiting the max number of items, you can choose to create a limit range between two values. For example, perhaps you want to skip the first item in your Collection List. You can choose to start at 2, which will skip the first item, and start the list with the second item.

In this example, we are choosing to skip the first item that would appear in this list, by choosing to start at 2.
Mat Vogels is a designer located in Denver, Colorado. After graduating from the University of Colorado, Mat jumped straight into the world of tech, working at companies such as PaySimple and Webflow as both a designer and marketer. Everything changed after Webflow's capabilities allowed him to jump headfirst in to the competitive world of freelance, creating entire brand and web experiences for dozens of companies. With the experiences of working with a wide range of companies, Mat thrives off teaching others how they too can supercharge their entire web creation process with the latest tools (like Webflow) and a broad range of the latest design techniques and approaches.