Dynamic page data

Making Pages Dynamic

As you probably have already noticed, there are many pages in the theme displaying data from your account. For example, the name of your space is displayed in the banner below.

Name of your space is a dynamic field

 

To get data from your account and print it in the space website we use a special syntax. For example, to print the name of your space in the navigation bar we can do the following

Your business name in the home banner

 

The syntax "{{ ... }}" prints a piece of data coming from your account. In this case, it prints the name of the business, which is how we call spaces internally.

Each page has access to a set of data, for example, the page rendering the booking calendar has access to all the bookings made in the space and also all the events happening in the next 6 months.

It's important to remember that you can only print the data which is available to the page you are editing. For example, if you are in the contact page, the bookings data is not available and therefore you cannot render a list of bookings in the contact page (even in you wanted to!).

What data is available

As we mentioned earlier, not all data in your account is available to all pages in the space website, but there is a sub-set of this data which is available in every page. We call this "Common Data".

For every page, there is a set of data available only to that page. This is, for example, the data about the profile of a member in the member details page. We call this data "Page Specific Data"

Filters

Filters are useful when modifying data before is rendered in the screen. For example, to format dates or numbers.

You use filters after the pipe (|) symbol. For example: