17,099
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.
|-
| 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.
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
