intermediatewebflowcms
How to sort CMS items in Webflow?
Flowversity··2 min read
By default, a Collection List displays items in the order they were created. Sorting lets you rearrange them — newest first, alphabetically, by a number field, or any other criteria that makes sense for your layout.
Sorting CMS items in a Collection List
Applying a sort
- Open the Webflow Designer and select a page containing a Collection List (or add one).
- Click the Collection List Wrapper element on the canvas or in the Navigator.
- In the Settings panel (right sidebar), find the Sort section under Collection List settings.
- Choose a field to sort by and a direction (ascending or descending).
Sortable field types
Not every field type can be used for sorting. The following field types are sortable:
- Plain Text — alphabetical order (A–Z or Z–A)
- Number — numerical order (1–10 or 10–1)
- Date — chronological order (oldest or newest first)
- Switch — groups true/false values together
- Option — sorts alphabetically by the option label
Fields like Rich Text, Images, and References are not directly sortable.
Common sort setups
- Blog posts, newest first: Sort by
published-date, descending.
- Alphabetical list (A–Z): Sort by
name, ascending.
- Price low to high: Sort by
price(Number field), ascending.
- Featured items first: Sort by
featured(Switch), descending — true values appear before false.
Multiple sorts
You can add more than one sort rule. Webflow applies them in order — the first sort is the primary criterion, the second breaks ties, and so on. For example, sort by featured descending, then by published-date descending to show featured posts first, then the rest chronologically.
Limitations
- Sorting only works on Collection Lists, not on individual CMS item pages.
- A Collection List is capped at 100 items. If your collection exceeds that, only the first 100 are sorted and displayed. Use pagination or filtering to manage larger sets.
- There is no built-in random sort option. For randomized display, you would need custom JavaScript or a third-party tool.
Want to skip the build?
Browse 60+ premium templates and launch your site in days, not weeks.
More in CMS
CMS