booking_subscriptions

ViewType: List

{
  "Items": [
    {
      "formId": 1385,
      "memberId": 1430,
      "id": 3812,
      "formName": "Event Booking Form",
      "EventName": "Introduction to Pottery Workshop",
      "Allocation": 2,
      "Price": "$90.00",
      "dateSubmission": "2026-10-12T09:15:22.43"
    }
  ]
}

ViewType: Detail

The detail view adds a fields array containing each field submitted with the booking form, including its name, alias, value and type.

{
  "Items": [
    {
      "formId": 1385,
      "memberId": 1430,
      "fields": [
        {
          "name": "First Name",
          "alias": "FirstName",
          "value": "Joe",
          "type": "Text"
        },
        {
          "name": "Email",
          "alias": "Email",
          "value": "joetest@test.com",
          "type": "Email"
        }
      ],
      "id": 3812,
      "formName": "Event Booking Form",
      "EventName": "Introduction to Pottery Workshop",
      "Allocation": 2,
      "Price": "$90.00",
      "dateSubmission": "2026-10-12T09:15:22.43"
    }
  ]
}

JSON Output

You can output the full JSON for your component data by referencing the root Liquid object {{this}} in your component's layout, or directly on your page, if using the collectionVariable parameter in your component tag.

For example:

{% component type: ... collectionVariable: "myData" %}

You can then render the JSON like so:

{{myData}}

For more details on using this approach, see Part 2 of the free 'Learning Liquid Course'.

Rendering Property Values

This data is also accessible directly on the Page or Template via a Liquid collection by adding collectionVariable to the component.

An example using collectionVariable with value "mybookings":

{% component type: "booking_subscriptions", collectionVariable: "mybookings" %}

Accessing a specific item within the collection. In this case the first item (zero based index), which in our example would render the value Introduction to Pottery Workshop

{{mybookings.items[0]['EventName']}}

Rendering Submitted Form Fields

When using viewType: "detail", you can loop through the fields array of each booking to output the data submitted with the booking form:

{% component type: "booking_subscriptions", viewType: "detail", collectionVariable: "mybookings", layout: "" %}
 
{% for booking in mybookings.items %}
    <h4>{{booking.EventName}} ({{booking.Allocation}} places)</h4>
    <ul>
        {% for field in booking.fields %}
            <li>{{field.name}}: {{field.value}}</li>
        {% endfor %}
    </ul>
{% endfor %}

Setting layout: "" prevents the default virtual layout from rendering, so only your own markup is output.