3,040
edits
Changes
Jump to navigation
Jump to search
[[Category:Settings]]
== If you do not have JQuery == If you do not have jQuery and jQueryUI installed on your web page add the following to the <head> section of your page. <code> <script srcspan style="httpscolor://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"#fe746c;“ >{{#fas:exclamation-triangle}} </script></codespan>The availability calendar widget only processes data one year in advance. For more future dates the dates show available but are not bookable.
So If you want to transport dates and number of guests from the date and occupancy parameters are passed widget to the iFrame, enter your booking page in the "Redirect URL" parameterplease follow these[[Embedded_Iframe#How_to_reliably_transfer_dates_and_other_data_from_a_booking_widget_on_one_page_to_a_booking_page_embedded_in_an_Frame_on_a_different_page| instructions]].
You are defining Use these parameters in [[Embedded_Iframe#How_to_reliably_transfer_dates_and_other_data_from_a_booking_widget_on_one_page_to_a_booking_page_embedded_in_an_Frame_on_a_different_page|instructions]] if you want to pass the URL in guests selection on to the embedded Iframebooking page. Remove these parameters from the Iframe URL: <code> &numnight=2&numadult=2&advancedays=2</code>
It seem If the page does not accept the word Jquery. Exchange thisit for a $ symbol as follows:
no edit summary
[[Category:Booking_Page]]
[[Category:Booking_Engine]]
<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}} </span> The widgets require your page to have UTF-8 language encoding.
== 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> loadJQueryUI: false,</code>
If you are required to be GDPR complaint you may need to download and self host thess libraries, if so disable self loading, download the libraries to your server and change the links accordingly.
== Wordpress ==
== Opening a page on your site containing the booking page in an iFrame ==
== Advanced functions for developers and web designers ==
|-
| minNumNight || integer || minimum number of nights
|-
| noExternalFonts||true false || do not load external fonts
|-
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>
=== Adjust widgets for RTL languages (Arabic, Hebrew) ===
You need to use CSS to adjust the alignment.
Example: To adjust the booking box dd the following CSS to your websites style sheet
<code>.book-widget label {float: right !important;} .book-container .book-row .book-col-offset-5 {margin-left: 0;}</code>
= Embedded Iframe or link to your booking page =
= Troubleshooting =
==Booking page does not open the dates and or number of guests selected in the widget==
==Problem installing widgets on Wix==
==Console Error "bookWidget is not a function"==
jQuery(document).ready(function() {
