17,090
edits
Changes
Jump to navigation
Jump to search
'''== Customise Booking Widgets'''==
'''== External CSS file'''==
no edit summary
*Any fixed text on the booking page can be exchanged in SETTINGS->BOOKING PAGE ->DEVELOPERS "Custom Text"
== Custom CSS ==
*Custom CSS can be added in SETTINGS->BOOKING PAGE ->DEVELOPERS "Custom CSS"
=== Bigger Room Name ===
/*code for bigger room name*/
.at_roomnametext{
font-size: 14px /*if you want the text even bigger use a higher number*/
}
=== Background Image ===
To use a background image upload it to SETTINGS -> BOOKING PAGE -> PICTURES. Replace https://www.beds24.com/pic/p0000/2049/04.jpg with the url of your uploaded picture.
/*code fo use an image as background*/
body {
background-image:url(https://www.beds24.com/pic/p0000/2049/04.jpg);
}
=== Shadow Arround your Booking Page ===
Add code in SETTINGS-> BOOKING PAGE -> DEVELOPERS "Custom CSS"
/*code for a shadow arround your booking page*/
<nowiki>#</nowiki>bookingpage {
-webkit-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38);
-moz-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38);
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px rgba(0, 10, 10, 0.38);
margin-bottom: 20px;
}
=== Booking Page with Rounded Corners ===
Add code in SETTINGS-> BOOKING PAGE -> DEVELOPERS "Custom CSS"
/*code for rounded corners*/
<nowiki>#</nowiki>bookingpage {
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
}
=== Show prices with cents even if cents are zero ===
.bookingpagecentshide {display:inline;}
== Javascript ==
* Javascript can be entered in SETTINGS->BOOKING PAGE ->DEVELOPERS"Advanced HTML Settings"
== Custom Applications ==
*The [[:category:API|API]] can be used to develop custom applications and solutions.
== Booking Page Parameters ==
*The behavior of the booking page can be controlled with the following parameters passed in the URL or form. URL Parameters are always added in the format name=value. To separate them, the first parameter must have a ? before it and all following parameters must have an & before them. For example if you want to change the default for the numbers of night selector to 7 nights you change the link to your booking page from
|}
Code snippets for booking widgets are available in SETTINGS->BOOKING PAGE->BOOKING WIDGETS.
| hidedesc || yes, no || Do not show the description
It is possible to make the booking page use a CSS file that you supply, you must host the CSS file on a secure web server (using https:).
