CMS Lists in Studio.Design don't have a pin feature that lets you keep specific CMS Items fixed at the top.
If you want to keep certain CMS Items at the top at all times, try one of the following approaches.
This article assumes that you've already completed the following setup steps.
Option 1: Create a dedicated Model or Collection for the CMS Items you want to pin
With this approach, you manage the CMS Items you want to pin at the top in a separate CMS Model or CMS Collection, and place a CMS List connected to it above the original list. The pinned CMS Items and the rest of the CMS Items are shown in two separate CMS Lists.
This option works well when you have multiple CMS Items to pin, or when you want to take advantage of Writer permissions or Design Editor editing restrictions.
In the CMS Dashboard, create a CMS Collection or CMS Model that contains only the CMS Items you want to pin at the top.
Open the page that contains the CMS List in the Design Editor.
Duplicate the original CMS List (ul).
In the Layers panel, adjust the order so the duplicated CMS List appears before the original one.
Change the Model connected to the duplicated CMS List, and select the Collection or CMS Model you created in step 1.
Note: If you created a dedicated CMS Model for pinned items
If you create a dedicated CMS Model for pinned items, you'll also need to create a separate CMS Article Page (Dynamic Page) to display that Model.
You'll also need to update the link target on each list item (li) to point to the CMS Article Page you created for the pinned items.
Option 2: Build the items you want to pin as regular pages and a regular list instead of using Studio CMS
With this approach, you create the content you want to pin as regular pages and a regular List instead of using Studio CMS.
This works well when you have a small amount of content that should always appear at the top, regardless of publish date.
This approach has the following drawbacks:
Whenever you update the content, you'll need to republish the entire site.
Users with Writer permissions or users with restricted Design Editor access won't be able to edit the content.
All the steps are done in the Design Editor.
Create a regular page with the same design as your existing CMS Article detail page.
For the body content, use a Rich Text Box.
Open the page that contains the CMS List.
Duplicate the original CMS List (ul).
Select the entire duplicated CMS List, and open the Data tab.
If the panel is closed, open the right panel.
In the property management table, edit the properties shown in the list.
Set up an internal link to the page you created in step 1 on the list you just made.
Option 3: Manage the display order with a CMS Collection
Use the CMS Collection feature to control the order and arrangement of CMS Items within your Article Model.
This works well when only a limited number of CMS Items are shown at a time, such as a list of featured articles.
This approach has the following drawbacks:
Each time you add a CMS Item, you'll need to add it to the CMS Collection as well to keep it up to date.
A CMS List linked to a CMS Collection doesn't support the "Load more" button. The list can display up to 50 items.
Items in a CMS Collection appear on the page in the same order they're arranged on the CMS Collection settings screen.
*Only supported for Article-type Models. For other Model types, items are displayed in order of publish date.
