Detached availability

For an existing site it can be useful to provide a view which has the stay options detached from availability so you can integrate it with your existing results.

Ensure you have completed the installation step, then add the following code at the appropriate place in your page.

      <div
        class="_allocate"
        data-allocate-target="https://example.allocate.co.uk"
        data-allocate-widget="booking-options"
        data-allocate-event-ns="bus_name"
      ></div>

This code will display the stay options widget with no availability attached. You can then insert the availability widget at multiple points inside the page using the following:

      <div class="_allocate"
        data-allocate-target="http://group.allocate.co.uk?property_id=1"
        data-allocate-widget="availability"
        data-allocate-availability-mode="stay"
        data-allocate-event-ns="bus_name"
      ></div>

      <div class="_allocate"
        data-allocate-target="http://group.allocate.co.uk?property_id=2"
        data-allocate-widget="availability"
        data-allocate-availability-mode="stay"
        data-allocate-event-ns="bus_name"
      ></div>

Live Example

We insert some widget code here with a property target url and it will listen for changes
on the parent controller