How can I rearrange the order of CMS content in Webflow?
TL;DR
- Use the Collection List’s Sort Order settings to sort by fields like Name, Date, or a custom field.
- Add a custom number field (e.g., “Sort Order”) in the CMS for manual control and sort by it in ascending order.
- Use reference fields to enable nested sorting scenarios.
- Apply filters to limit displayed items and enhance sorting precision.
To rearrange the order of CMS content in Webflow, you need to use sort order settings within your Collection List or modify your CMS data to support custom sorting.
1. Use the Sort Order in Collection List Settings
- Select the Collection List on your page.
- In the Element Settings panel (D key), locate the Sort Order section.
- Click + Add Sort Order to choose a field to sort by (e.g., "Name", "Created Date", "Order", or a custom field).
- Choose Ascending or Descending to control the direction.
2. Add a Manual Sort Field (for Custom Order)
If you want full control over the exact order of items (not based on date or name), create a custom number field:
- Go to CMS → Collections → [Your Collection].
- Click + Add Field and choose Number. Name it something like “Sort Order”.
- In each item, assign a number (e.g., 1, 2, 3) corresponding to the desired order.
- In the Collection List settings, sort by the Sort Order field in ascending order.
3. Use Reference Fields for Nested Ordering
If sorting through a related category, like "Projects by Team":
- Add a Reference field in your Collection.
- You can then sort within a nested Collection List by a field from the referenced collection.
- For example, sort "Projects" by "Team > Priority".
4. Use Filters to Control What Appears
While not rearranging, filters can remove or limit content to a specific set, making sorting more manageable.
- In the Collection List settings, add a Filter to narrow down items.
- Combine filters with sort to build dynamic content structures.
Summary
To rearrange CMS content in Webflow, use the Sort Order settings in your Collection List, or create a custom number field for full manual control. You can also combine sorting with filters and reference fields for more complex order logic.