17,090
edits
Changes
Jump to navigation
Jump to search
.at_roomnametext{
font-size: 14px /*if you want the text even bigger use a higher number*/
}
=== Disable click on calendar===
.roomoffercalendarmonth{
pointer-events: none;
}
.monthcalendarhead{
pointer-events: auto;
}
=== Mark dates when check-out is not allowed (i.e. for rentals on a weekly basis===
To use this option you will need to set your check-in / check-out rules in the CALENDAR. It will not work for check-in and check-out restrictions only set in rates.
NOTE: Limit the check-in and check-out in the CALENDAR (click on "Override") to use this function.
.datenco{
background-color: #f4f4f4;
color: #cccccc;
}
Add code in SETTINGS-> BOOKING PAGE -> DEVELOPERS "Custom CSS"
/*code for a shadow arround around your booking page*/
<nowiki>#</nowiki>bookingpage {
-moz-border-radius: 7px;
}
=== Hide cents===
.bookingpagecents {display:none;}
=== Show prices with cents even if cents are zero ===
exchange daysat by daysun, daymon, daytue, dayewed, daythu, dayfri to exchange the backgound color for other days.
=== Add a border around the selected dates===
.datestay {border: 1px solid #2f2f2f !important;}
=== Line through unavailable dates===
.datenotavail {
text-decoration: line-through;
}
=== Change width of hover image (adaptive booking page only===
.ui-tooltip {
max- width: 500px;}
=== Remove the hover effect on pictures (adaptive booking page only)===
img {
pointer-events: none;
}
=== Add a label above the room selector for multiple room bookings (responsive booking page only)===
.roomofferqtyselectlabel {
display: block;}
=== Hide up button (responsive booking page only)===
footer .button{
display: none;
}
=== Add icons to descriptive texts (responsive booking page only)===
[https://getbootstrap.com/docs/3.3/components/#glyphicons Bootstrap glyphicons] and [http://fontawesome.io/icons/ Font Awesome icons] can be added to the descriptive fields. To add icons the editor needs to be set to "Source"
Examples:
<nowiki><span class="glyphicon glyphicon-user" aria-hidden="true"></span>
</nowiki>
will add a Bootstap icon for a person.
<nowiki><i class="fa fa-bicycle" aria-hidden="true"></i>
</nowiki>
will add a Font Awesomeicon for a bicycle.
Note: Icons might disappear when the editor is opened again. In this case you will need to enter it again.
== Javascript ==
'''Example: hide header'''
https://www.beds24.com/booking2.php?propid=2047
https://www.beds24.com/booking2.php?propid=2048&hideroom=3589,3588
'''Example: link to the booking page with dates pre populated:'''
https://www.beds24.com/booking2.php?propid=13437&checkin=2017-8-24&numnight=3
exchange these values with your data:
checkin=2017-8-24 - the date the guest wants to arrive
&numnight=3 - the number of nights the guest wants to book
'''Example link to a booking form with dates and room pre populated:'''
https://www.beds24.com/booking2.php?checkin=2017-8-24&numnight=3&numadult=2&numchild=0&br1-32919=Book&roomid=32919
exchange these values with your data:
checkin=2017-8-24 - the date the guest wants to arrive
&numnight=3 - the number of nights the guest wants to book
&numadult=2 - number of adults
&numchild=0 - number of children
&br1-32919=Book - exchange 32919 with the room id the guest wants to book
&roomid=32919 - exchange 32919 with the room id the guest wants to book
|-
| referer || text ||This text will be recorded with any bookings originating from this widget allowing tracking of booking sources
|-
| invoicee || text ||Charges and payments will be assigned to this invoicee.
|-
|-
| lang ||en (English), ar (Arabic), bg (Bulgarian), ca (Catalan), hr (Croatian), cs (Czech), da (Danish), de (German), el (Greek), es (Spanish), et (Estonian), fi (Finnish), fr (French), he (Hebrew), hu (Hungarian), it (Italian), ja (Japanese), lt (Lithuanian), mn (Mongolian), my (Burmese), nl (Dutch), no (Norwegian), pl (Polish), pt (PortugesePortuguese), ru (Russian), sk (Slovak), sl (Slovenian), sr (Serbian), sv (Swedish), th (Thai), tr (Turkish), zh (Chinese) || Sets the default language to open the booking page. (2013 new style booking page only)
|-
|-
| hideoffer ||1,2,3,4 || Do not show this price row offer on the booking page, multiple id's can be specified with a comma separating them.
|-
| group || keyword || Show only properties that have this group keyword
|-
| nogroup || keyword || Exclude properties that have this group keyword
|-
