What new feature in Webflow allows users to easily reorder their CMS collections?

Published on
September 22, 2023

Webflow recently introduced a new feature called "Dynamic List Reordering" that allows users to easily reorder their CMS collections. This feature enhances the flexibility and usability of Webflow's CMS, making it even more powerful for managing and displaying dynamic content. Here's how it works:

  1. Enable Dynamic List Reordering: To use this feature, first, make sure you have a collection list on your page that displays the items you want to reorder. Then, enable the "Dynamic List Reordering" option in the Collection List settings.

  2. Add a Reorder Handle: After enabling Dynamic List Reordering, you'll see a new "Reorder handle" field within your Collection List settings. This field allows you to specify an element within each collection item that will act as the draggable handle for reordering. You can choose an icon element or any other element you want.

  3. Drag and Drop Reordering: Once you've added the reorder handle to your collection items, you can now rearrange their order by simply dragging and dropping them within the Collection List element on your canvas. As you drag an item, you'll see a blue indicator line that shows where the item will be placed once released.

  4. Save Reordered Collection: The changes you make to the collection order are reflected in the Designer, but remember to save and publish your site for the reordered collection to be visible on the live site.

The Dynamic List Reordering feature in Webflow's CMS provides a seamless and user-friendly way to reorder your collections, giving you more control over the presentation and organization of your content.

Additional Questions:

  1. How do I enable Dynamic List Reordering in Webflow?
  2. What is a reorder handle in Webflow's CMS?
  3. Can I use Dynamic List Reordering with nested collection lists in Webflow?