web_bookings_finder Shortcode
The web_bookings_finder shortcode renders the bookings finder component.
The attributes below match the current Page Builder controls and public output. Use raw syntax only for reviewed content that cannot be maintained through the visual controls.
Usage
[web_bookings_finder]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
date_picker |
input |
input, inline |
Controls the date picker. |
show_end_date_selector |
yes |
yes |
Controls the show end date selector. |
page_url |
— | String unless stated otherwise | Url of the page on which to display the results. You can leave it empty to make it the same page. |
start_date_label |
Start |
String unless stated otherwise | Controls the start label. |
start_date_placeholder |
Choose a date to see availability |
String unless stated otherwise | Controls the start input placeholder. |
end_date_label |
End |
String unless stated otherwise | Controls the end label. |
end_date_placeholder |
Choose a date to see availability |
String unless stated otherwise | Controls the end input placeholder. |
results_number_label |
Results found: |
String unless stated otherwise | Controls the results number label. |
template |
default |
default or a configured custom feed-template slug |
Selects the template used for each booking result. |
columns |
4 |
12, 6, 4, 3, 2, 1 |
Sets the number of result columns. |
device_visibility |
— | String unless stated otherwise | Applies the selected responsive visibility rule. |
el_id |
— | Valid unique HTML ID | Enter section ID (Note: make sure it is unique and valid according to w3c specification). |
el_class |
— | String unless stated otherwise | If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file. |
Integration requirement
This output requires the corresponding bookings integration and its source data to be available.
Verification
Test web_bookings_finder in its relevant logged-in and logged-out states, including validation, success and error feedback. Pay particular attention to date_picker and show_end_date_selector.