Skip to main content

CMS List Filters: Fixed Filters

Learn how to use fixed filters to narrow down which CMS items appear in a CMS list based on Studio.Design CMS properties. This article covers the overview, setup steps, and things to keep in mind.

This feature lets you pre-filter the items displayed in a CMS List based on Studio CMS properties using fixed conditions.
Unlike dynamic filters or URL queries, fixed filters always show the same items based on the conditions you set, regardless of user actions or page state.

Point: What is a CMS List?

A CMS List is a type of dynamic list that pulls data from inside or outside Studio.Design to display it on your site. Specifically, it's a list linked to internal content data from Studio CMS.

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

For details on which property types can be used as filters and how to set conditions, see Filter items in a CMS List > Filter conditions.

Example of a fixed filter:
Say you want a CMS List to only display items from the "Products" CMS model where the price is "less than 10,000 yen" and the "Product Category" is "Dress." You can combine a number property and a select property to set up the following filter conditions.


How to set up a fixed filter

Here's how to set up a fixed filter for a CMS List in the Design Editor.

Note: About contacting support

  • In line with our Studio.Design support policy, our support team can't provide individual setup walkthroughs or advice on how to combine filter conditions.

  • If you suspect a bug, please reach out to our chat support from the [?] icon in the lower right after logging in to Studio.Design.

Before you start

Before setting up a filter, make sure you've completed the following:

  • Set up the properties you'll use as filter conditions in the CMS Dashboard.

  • Add a CMS List to your page in the Design Editor.

Steps

  1. Open the Design Editor.

  2. Select the CMS List you want to add a filter to. Make sure to select the entire CMS List instead of a single list item.

    The icon with four squares represents the "List." It appears with a light blue border in the editor.

  3. Select the [Data] tab in the right panel. If the panel is closed, open the right panel first.

  4. Add a filter. Click the [+] next to the [Filter] menu in the Data tab and select a property.

  5. Specify the conditions for the filter.

    • For number properties, specify a comparison condition like "less than" or "greater than or equal to" along with a value.

    • For select, multi-select, or reference properties, specify the options or CMS items to filter by.

    • If you've selected a reference property for the filter, a URL query is applied by default. Click the chain icon next to the setting field to remove the URL query, then specify your conditions.

    • If you're using a reference property / multi-select or multi-select property as the filter, after specifying your conditions, choose either [Match all] (AND condition) or [Match any] (OR condition).

  6. Add more filters as needed.

    • You can add up to 5 filters.

    • Additional filters are applied as AND conditions. OR conditions aren't supported across multiple filters.

  7. Check that your filter is working correctly in the editor or in Live Preview.

  8. If you're editing a published site, update your site from the Publish panel.

Note: If the items shown in the list don't match your filter conditions on the published site only

CMS items with a publish status other than "Published" won't appear on your published site.

Did this answer your question?