Integrating the booking extension into your website

  1. Add the Bookings static TypoScript template to your root template
  2. If you like, add the Bookings - Stylesheets static TypoScript template to provide standard CSS styles.
  3. Create a data container to store your booking data records. To set an icon for the container go to page properties then Bookings. On the Behavior tab set Contains Plugin.
  4. Create a page for the list view and add the Booking list plugin to the page.
  5. Go to the template module and open the constant editor. Define the basic configuration under the Bookings, Pages, Container, Colors und JavaScript categories.

Updating the body tag

The current language ISO code must be added to the body tag as a data attribute so that the booking extension and the calendar JavaScript library are initialized to the correct language. The booking extension also allows you to set the color of Google Maps by adding a data attribute with a hex color value body tag. Use the following setup TypoScript code to add these data attributes to your body tag:

page {
  bodyTag >
  bodyTagCObject >
  bodyTagCObject = COA
  bodyTagCObject {
    stdWrap.noTrimWrap = |<body |>|
    10 = TEXT
    10.value = id="page-{TSFE:id}" data-color-primary="{$themes.configuration.colors.primary}" data-language="{siteLanguage:iso-639-1}"
    10.insertData = 1
    10.noTrimWrap = || |
  }
}

Calendar

  • You can configure whether calendar weeks are displayed or not.
  • Weeks can start on a Monday or a Sunday depending on the selected language. In German, weeks start on a Monday and on a Sunday in all other languages.

Bookings

A provider of a booking object receives an email if a booking is made using the booking form. Depending on the configuration, other visitors can still book for the same period in the meantime.

Define the TypoScript constant themes.configuration.extension.bookings.request.stateOnBooking to set this up. This has two possible values:

  • requested: If a booking request for a period has been sent, booking requests can still be created for this period.
  • accepted: If a booking request for a period has been sent, this period is blocked and no other visitors can book simultaneously.