Tip: 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 content like blogs and news articles all in one place.
For more on how Studio CMS works and how to get started, check out the articles below.
How display conditions work and the types available
Display conditions are set based on CMS properties. Here are the available combinations of properties and condition types.
Note: Display conditions can't be set on dynamic lists or dynamic pages connected to data retrieved through the Data Connect API.
Types of display conditions you can set
Property | Condition type | Property state |
All properties except the publish date property | is set | Shown when the property has a value |
All properties except the publish date property | is empty | Shown when the property has no value |
is | Shown when the property matches the specified value | |
is not | Shown when the property doesn't match the specified value | |
Within, days/weeks/months/years | Shown when the property falls within the specified time range |
"is set" and "is empty" conditions
With "is set" and "is empty," you can show or hide an element based on whether a CMS item has a value for the specified property.
Use cases:
Related help article: How to show a "NEW" badge on specific CMS items
Show a sign-up button only on events that are currently open
Show a "SALE" badge only on products that are on sale
Available properties:
Reference property (single select)
Boolean property (shown as "is True" and "is False")
"is" and "is not" conditions
Use "is" and "is not" when you only want to show an element if the property matches (or doesn't match) a specific value.
Use cases
Show a badge only on blog articles tied to a specific writer item
Show an element only on blog articles that aren't in a specific category
Available properties
Reference property (single select)
Setting a display condition
Select an element.
In the editor, select the element within a CMS list or dynamic page that you want to show (or hide) under certain conditions.
Open display conditions.
Open the [Settings] tab in the right panel.
If the panel is closed, open the right panel first.
Select a property.
Click the [Set display condition] input field, then choose the property you want to use as the condition.
Choose a display condition.
Test your setup.
Use the selector at the bottom of the Pages panel to switch between items shown on the article page, and confirm that the box linked to the property shows and hides correctly.
Open Live Preview to make sure everything looks right.
Check how it looks on your published site.
Make sure all relevant CMS items have a Published status.
If everything looks good, publish your site from the publish panel. If your site is already published, use Update site to push your changes live.
Removing a display condition
Select an element.
In the editor, select the element you want to remove the display condition from.
Open display conditions.
Open the [Settings] tab in the right panel.
If the panel is closed, open the right panel first.
Click the "×" to the right of the display condition to remove it.
Frequently asked questions
Q. If I place the same dynamic list on multiple regular pages, are the display conditions shared?
Q. If I place the same dynamic list on multiple regular pages, are the display conditions shared?
A: No, display conditions aren't shared across regular pages. Even with the same dynamic list, you can set different display conditions on each regular page where it's placed.
So if you place the same dynamic list on Page A and Page B, you can apply different display conditions to each one.
However, when placed on a dynamic page, display conditions are shared within that same dynamic page.
Q. My property isn't showing up in the list of options.
Q. My property isn't showing up in the list of options.
A: Your property might be set as a "reference property (multi-select)." Multi-select reference properties can't be used as display conditions.
If it's a multi-select, you'll need to delete the property and recreate it as a single select.