Skip to main content

How to reorder Studio CMS items and display them in a custom order

You can change the display order of a CMS list using the sort feature or collections. This article covers the basic sort feature and alternative methods for different use cases.

CMS lists have a default sort order that depends on the type of CMS model linked to the list. You can change the sort order as needed using the sort feature or collections.

Point: What is a CMS list?

A CMS list is a type of dynamic list that pulls data from inside or outside Studio.Design and displays it on your site — specifically, one that's connected to internal content data from Studio CMS.

You can also dynamically edit the list based on CMS properties you've set up in advance.


Method 1: Reorder using the CMS list sort feature

This method uses the sort feature to change the display order based on Studio CMS properties.
You can sort by publish date, last updated date, title, text, or number.

  1. Select the CMS list you want to edit in the Design Editor.

  2. Open the [Data] tab in the right panel. If the panel is closed, open the right panel first.

  3. Under [Sort], select the property you want to use as the sort criteria and specify the sort order.


Method 2: Create a CMS collection and reorder manually

This method uses a CMS collection to select specific items and manage their order manually.

It's ideal when you want to display only certain items, like a "Recommended" or "Featured" list.

For more details, see CMS Collection.

Tips: Reordering by publish date

For article-type Studio CMS models, the publish date is used as the default sort order. You can adjust the display order by changing the publish date value.

Since this method requires manually changing values, we recommend using the sort feature for ongoing content management.

For steps on changing the publish date, see CMS Properties: Status and Publish Date > Change the publish date.


Choosing the right method

Use the table below to help you decide which reordering method to use.

Goal / Scenario

Recommended method

Notes

  • Sort by newest or most recently updated

  • Sort by title or numeric value

Automatically sorts items based on a property. New items are sorted automatically, making this ideal for ongoing use.

  • Display only specific items

  • Show items in a fixed order

Lets you narrow down which items to display. Great for featured or recommended lists where you want full control over the order. Items are added manually.

Partially adjust the display order of article-type items

Use this as a supplementary method when you need to swap the order of a few specific items.


Related articles

Did this answer your question?