Learn how to sort items in Collection lists.
You can specify the sort order of collection lists based on a specific field or fields. For example, you may want to sort a “Latest news” collection list by a date field. Or, you may want to sort a collection list of artists by their name. Or, you may want a limited collection list to display "quote of the day" randomly. Or, you may want to create a custom sort order of your own.
With your collection list selected, go to the Element settings panel, and add [+] a sort order under the Collection list settings.
Different rules will be be available for each field type.
For sorting plain text fields, option fields, references or any other fields that are text-based.
When sorting alphabetically, your items will be sorted in the following order:
In the example below, 10 (even though it's a larger number) displays first because 1 (the first number in 10) is smaller than 7.
For sorting number fields.
For sorting any date field.
For sorting by switch fields.
This will randomize the order of a list every 12 hours.
Note: A Collection list with Pagination can have Random Order only when the project is republished, instead of every 12 hours.
You can add multiple sort orders. The collection list will be sorted first by the first sort order rule than by the second and so on. For example, a “Team members” list can be sorted by an “Employee of the month” switch field first and then can be sorted randomly after that.
If the default sort orders aren’t exactly what you need, you can always create a custom sort order by adding a new custom CMS field in your Collection. You’ll use that new field, and the information you enter into it, to sort your Collection items.
Let’s add the new field:
Now that the new “Custom sort order” field has been created, you’ll need to add a number in that empty field within each Collection item. This number indicates the position of your Collection items in your new, custom sort order.
Repeat the above 3 steps for all items in your Collection and be sure to give each item a unique number.
Let’s sort our Collection items by the numbers we assigned to them:
Your items will now be custom sorted in the order you numbered them.
You can delete applied sort order by clicking on the trash can icon next to the sort order.
Something went wrong while submitting the form. Please contact support@webflow.com
Got a lesson suggestion? Let us know
Need more help? Want to report a bug? Contact support
Have feedback on the feature? Submit feature feedback