17,130
edits
Changes
Jump to navigation
Jump to search
[[File:ic_video.gif|link=]] '''[[http://youtu.be/A8G9QvZJBcM Show Video]]''''
no edit summary
[[File:example.jpg]]
*LAYOUT - general layout
SETTINGS -> BOOKING PAGE -> PAGE DESIGN ->LAYOUT
*Design - Customise Design, Colours and fonts
SETTINGS -> BOOKING PAGE -> PAGE DESIGN->STYLE
[[File:ic_video.gif|link=]] '''[[http://youtu.be/lZvcUEajxjk Show Video]]''''
*Add a custom top (2) (eg. for your logo) and/or bottom (3) (eg. for contact info, directions, link to your terms and conditions) / SETTINGS -> BOOKING PAGE -> PAGE DESIGN-> CONTENT
*Add pictures and information for rooms (5) in SETTINGS -> BOOKING PAGE -> ROOMSROOM CONTENT
Upload and setting (size, responsive behaviour) in SETTINGS -> BOOKING PAGE -> PICTURES
*Set different prices or packages for a room (5) in SETTINGS -> BOOKING PAGE -> ROOMS ROOM CONTENT -> OFFER 2 (you can display up to four different offers)
[[File:bookingpage.png]]
== Change Default Text==
1. You can exchange any of the default text on the booking page in SETTINGS -> BOOKING PAGE -> ADVANCED DEVELOPERS -> CUSTOM TEXT"Custom Text"
2. Stripe and Paymill insert their button and can not be changed. To change the text of any of the ofther payment buttons you can place this code snippet into SETTINGS -> BOOKING PAGE -> ADVANCED DEVELOPERS -> "Advanced HTML Settings".
Custom Instruction:
== Hide "Book Multiple" ==
Use the selector in SETTINGS-> BOOKING PAGE-> PAGE DESIGN->LAYOUT
== Hover Text ==
*To not show the number or rooms/units left place the following code in the SETTINGS->BOOKING PAGE-> ADVANCED DEVELOPERS "Custom CSS" setting.
.ptdaynumavail {display:none;}
*To disable the hover text place the following script in the SETTINGS->BOOKING PAGE-> ADVANCED DEVELOPERS "Advanced HTML Settings" setting.
<pre>
== 'Change CSS' ==
Webdesigners use CSS to define 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 -> ADVANCEDDEVELOPERS. Examples:
== Bigger Room Name ==
== Shadow Arround your Booking Page ==
Add code in SETTINGS-> BOOKING PAGE -> ADVANCED DEVELOPERS "Custom CSS"
/*code for a shadow arround your booking page*/
== Booking Page with Rounded Corners ==
Add code in SETTINGS-> BOOKING PAGE -> ADVANCED DEVELOPERS "Custom CSS"
/*code for rounded corners*/
-moz-border-radius: 7px;
}
== Show prices with cents even if cents are zero ==
.bookingpagecentshide {display:inline;}
