Using the data source filter editor

In this article, we'll go through the layout of the data source filter editor as well as how to use it.

Access

There are a few places where you'll find the data source filter editor:

  1. Site builder - hover on a page folder, click the settings icon, expand the Data source section, then edit an existing data source or click + Add data source filter
  2. Dynamic pages - hover on a dynamic page rule, click the settings icon, expand the Data source section, then edit an existing data source or click + Add data source filter
  3. Templates - hover on a component group, click the settings icon, expand the Data source section, then edit an existing data source or click + Add data source filter
  4. Page builder - add a Frontend component to your page that has a data source, then click + Add data source filter

336105d Add dates source filter

Layout

Once you've clicked the edit icon on the name of a page version (or clicked + Add data source filter , you'll see a screen similar to the below:

a9748c9 Data source filter editor

You can change the name of your data source filter. If you click Save without editing, it'll show all the data from that data source.

The filters that you can use will depend on the fields in the data source schema. There are no filters set in the above example, so we can only use the full data source. The one below has 1 filter we can add, which is the Movie ID:

e06c737 Filter example

See the developing a data source extension article and the schemas article for more information.

Multiple data sources

By adding more Frontend components or data sources, you can show your users different products or content, all depending on what you configure within the studio.

For example, you could have 2 product slider components that have 2 different data source filters.

Data sources don't communicate with each other, so you could see the same things in both Frontend components.