Can someone help me with re-ordering the CMS collection in Webflow?

Published on
September 22, 2023

Sure! Re-ordering the CMS collection in Webflow is a straightforward process. Here's how you can do it:

  1. Log in to your Webflow account and open the project you want to work on.

  2. Go to the "Collections" tab in the left sidebar.

  3. Select the CMS collection you want to re-order from the list.

  4. In the collection settings panel on the right, click on the "Fields" tab.

  5. You will see a list of all the fields in your CMS collection. Each field will have a handle (the three horizontal lines) next to it.

  6. Click and hold the handle of the field you want to move.

  7. Drag the field up or down to the desired position in the list.

  8. Release the handle to drop the field in its new position.

  9. Repeat steps 6-8 for any other fields you want to re-order.

  10. Once you are done re-ordering the fields, click the "Save" button at the top right of the collection settings panel to save your changes.

  11. Preview your website to see the updated order of the collection fields.

Re-ordering the CMS collection fields can be useful when you want to change the layout or organization of your collection items. By arranging the fields in a specific order, you can control how the content is displayed on your website.

Note: Re-ordering the fields in the CMS collection only affects the admin panel view and the order in which the fields appear when editing collection items. It does not change the order in which the collection items are displayed on your live website. To change the order of the collection items on your website, you will need to use sorting options or custom code.

Additional Tips and Recommendations:

  • Make sure to plan the order of your CMS collection fields carefully, as changing the order after you've already populated the collection with content can make it more difficult to maintain consistency.

  • If you want to display the CMS collection items on your website in a specific order, you can use the sorting options available in Webflow. For example, you can sort the items by date, alphabetical order, or any other criteria that you specify.

  • If you need to change the order of the collection items dynamically on your live website, you can use custom code and the Webflow CMS API. This allows you to create custom sorting rules based on different criteria.

Now that you know how to re-order the CMS collection in Webflow, you can easily customize the organization and layout of your content to meet your specific needs.

Additional Questions:

  1. How do I change the order of collection items on my live website in Webflow?
  2. Can I use custom code to sort my CMS collection items in Webflow?
  3. Is it possible to re-order CMS collection fields in Webflow without affecting the existing content?