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 Frontastic component to your page that has a data source, then click + Add data source filter
35843584

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:

35803580

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:

35843584

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

Multiple data sources

By adding more Frontastic components or data sources, you can show your users different products or content, all depending on what you configure within the Frontastic 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 Frontastic components


Did this page help you?