Point: What is Studio CMS?
Studio CMS is a Content Management System (CMS) feature that lets you structure, manage, and update content directly within Studio.Design. By combining models, items, and properties, you can manage frequently updated article content—such as blogs and news—all in one place.
For more about how Studio CMS works and how to use it, check out the articles below.
What is a category-based article list page?
A category-based article list page is a page that automatically displays only the articles belonging to a specific category.
It helps users who want to see only certain types of content—like "just events" or "articles on a specific topic"—quickly find what they're looking for.
By linking to these pages from your top page or article detail pages, you can improve navigation throughout your site, which can lead to longer visit times and better SEO performance.
Example from Studio Showcase: List pages are organized by categories such as "Events," "Blog & Media," "Portfolio," "Corporate Services," and "Stores & Products."
With Studio.Design, you can efficiently create category-based article list pages by applying a Dynamic filter to a CMS list placed on a dynamic page.
Point: Studio CMS features
What is a Dynamic filter?
A Dynamic filter dynamically narrows down items shown in a CMS list placed on a dynamic page.
Unlike a regular filter, the filter value automatically changes for each page, making it easy to create category-based lists, related article lists, and more.
What is a dynamic page?
A dynamic page is a special type of page that's automatically generated based on CMS data.It's great for managing and publishing content that needs to be updated regularly—like articles, job listings, or event details.
Before you start
The steps in this article assume you've already created your CMS article content. Please make sure you've completed the following:
In the CMS Dashboard, create your article-type model (CMS model) and CMS article items (CMS items).
In the design editor, use a dynamic page to create an article page connected to the CMS article model you created in step 1.
For an overview of the full process from creating an article to publishing it, check out the article below.
Create a category-based article list page
Step 1. Organize article items by category
Following Add categories or tags to Studio CMS article content, use a reference property to add categories to your article items.
Step 2. Add a dynamic page to serve as the category-based article list page
Add a dynamic page to display article lists for each category.
For the CMS model linked to the page, select the article-type model that you connected to the reference property in Step 1.
Step 3. Place a CMS list on the dynamic page
To display an article list for each category, place a CMS list connected to your article model on the dynamic page.
On the dynamic page you added in Step 2, create a CMS list (dynamic list).
For the CMS model linked to the CMS list, select the same article-type model you linked to the dynamic page.
Step 4. Apply a Dynamic filter to the CMS list
Apply a Dynamic filter so the CMS list automatically shows different content based on the category of each page.
Select the entire CMS list on the page (make sure to select the whole list, not just a single list item).
In the right panel, select the [Data] tab. If the panel is closed, open the right panel first.
In the tab, click the [+] next to [Filter] to add a filter.
From the dropdown list, select the reference property under [Model].
For [Filter condition], select [Dynamic] (Dynamic filter).
If [URL query in use] is shown, click the chain icon
([Set value individually]), then enter your setting in the input field.
Step 5. Configure settings for the dynamic page and CMS list
Set up the layout and appearance of the dynamic page and CMS list
When editing the layout and appearance of the CMS list, check out the help articles below.
Configure display settings for the CMS list
For details on display settings, see the help articles below.
Step 5. Set up navigation to the category-based article list page
Adding a link from the category label on the CMS article page to the category-based article list page makes it easier for visitors to explore more of your article content.
Following Display categories and tags on a CMS article page, add a category label to the CMS article page.
Select the category label you created, then open the [Settings] tab in the right panel. If the panel is closed, open the right panel.
Click the [Link] input field and choose the dynamic list you added in Step 3.
Step 6. Test your setup
Open the Page panel.
Using the selector at the bottom of the page panel, switch between display items on the article page and confirm that the items in the CMS list update accordingly.
Check how it looks in Live Preview.
Once you've finished checking, confirm that the status of the CMS item is Published, and if everything looks good, publish the site from the publish panel.
If your site is already published, update the site to apply the changes to the live version.
CMS category filter dynamic filter narrow down