Difference between revisions of "Customise Booking Page"
| Line 22: | Line 22: | ||
== '''Advanced Design''' == | == '''Advanced Design''' == | ||
| − | Webdesigners use custom CSS to sefine the look and formatting of a website. Here a list of common adjustmens which can be done pasting the code provided below | + | Webdesigners use custom CSS to sefine the look and formatting of a website. Here a list of common adjustmens which can be done pasting the code provided below into SETTINGS -> BOOKING PAGE -> ADVANCED -> WEBDESIGNERS |
== Shadow arround your booking page == | == Shadow arround your booking page == | ||
/*code for a shadow arround your booking page*/ | /*code for a shadow arround your booking page*/ | ||
| − | #bookingpage { | + | |
| + | <nowiki>#</nowiki>bookingpage { | ||
| + | |||
-webkit-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38); | -webkit-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38); | ||
| + | |||
-moz-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); | box-shadow: 0 1px 2px rgba(0, 10, 10, 0.38); | ||
| + | |||
margin-bottom: 20px; | margin-bottom: 20px; | ||
| + | } | ||
| + | |||
| + | |||
| + | == 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); | ||
} | } | ||
Revision as of 10:22, 12 April 2013
The booking page can be fully customised to individual needs.
Contents
1 Optional content settings
- Multiple languages / SETTINGS -> ACCOUNT -> LANGUAGES
- Set different prices or packages for a room / SETTINGS -> BOOKING PAGE -> ROOMS -> EXTRA PRICES
- Customise Confirmation Messages / / SETTINGS -> BOOKING PAGE -> CONFIRMATION MESSAGES
- Order in which rooms appear on your booking page / SETTINGS-> ROOMS -> SETUP -> AVAILABILITY and set the Sell Priority for each room.
There is contextual help with each setting to assist you with the setup.
2 Advanced Design
Webdesigners use custom CSS to sefine the look and formatting of a website. Here a list of common adjustmens which can be done pasting the code provided below into SETTINGS -> BOOKING PAGE -> ADVANCED -> WEBDESIGNERS
3 Shadow arround your booking page
/*code for a shadow arround your booking page*/
#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; }
4 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);
}
