Category:Developers: Difference between revisions
Jump to navigation
Jump to search
Markkinchin (talk | contribs) No edit summary |
No edit summary |
||
| Line 15: | Line 15: | ||
*Any fixed text on the booking page can be exchanged in SETTINGS->BOOKING PAGE ->DEVELOPERS "Custom Text" | *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" | *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" | * 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. | *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 | *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 | ||
| Line 141: | Line 196: | ||
|} | |} | ||
== Customise Booking Widgets == | |||
Code snippets for booking widgets are available in SETTINGS->BOOKING PAGE->BOOKING WIDGETS. | Code snippets for booking widgets are available in SETTINGS->BOOKING PAGE->BOOKING WIDGETS. | ||
| Line 164: | Line 219: | ||
| hidedesc || yes, no || Do not show the description | | hidedesc || yes, no || Do not show the description | ||
== External CSS file == | |||
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:). | 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:). | ||