17,096
edits
Changes
Jump to navigation
Jump to search
[[Category:Settings]]
[[Category:Booking_Page]]
[[Category:Booking_Engine]]
[[Category:Troubleshooting]]
<div class="heading">Booking Widgets</div>
<code> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></code>
== If the datepicker is not working or you do not have JQueryUI ==
The widget will attempt to self load jqueryUI, if this is not working properly or causing conflicts you can add it to your page after the jquery script.
<code><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></code> <code><link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"></code> <code><script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script></code>
If you want to optimize the loading sizes, it should be enough just to load the JQueryUI datepicker modules.
So the date and occupancy parameters are passed to the iFrame, enter your page in the "Redirect URL" parameter
== Advanced functions for developers and web designers ===== Parameters ===
<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> '''Required Skills''': HTML, CSS
|-
| customParamentercustomParameter|| text || adds the specified information to the URL of the booking page. Example: customParameter:'hideroom=12345', will hide the room with the ID 12345 from the booking page.
|}
== = Exchange text on labels ===
<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> '''Required Skills''': HTML
5. Paste the amended widget code into the HTML of your web site.
=== Hide dates which are not in the month from availability calendar widget === <span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> '''Required Skills''': HTML, CSS Add the following CSS to your websites style sheet <code>.ui-datepicker{display: none;}</code> = Embedded Iframe or link to your booking page =*Code to embed your booking page as an Iframe into your web site can be generated under {{#fas:cog}} (SETTINGS) BOOKING PAGE > BOOKING WIDGETS > EMBEDDED IFRAMEGENERATOR
*A link to your booking page can be generated under {{#fas:cog}} (SETTINGS) BOOKING PAGE > BOOKING WIDGETS > LINKS
*An URL linking to your booking page can be generated under {{#fas:cog}} (SETTINGS) BOOKING PAGE >BOOKING WIDGETS > QUICK URL
