|
|
| (42 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − |
| + | #REDIRECT [[Responsive_Booking_Page]] |
| − | == '''Coming Soon!''' ==
| |
| − | | |
| − | This page explains how to use and customise the responsive version (beta) of the booking page.
| |
| − | | |
| − | The design of the responsive booking page is fully modular. This allows you to fully control the layout. We provide a set of default layouts which can be used as they are.
| |
| − | | |
| − | | |
| − | == 1. Use Responsive Booking Page==
| |
| − | Go to SETTINGS->BOOKING PAGE and select "Booking Page Version" = Responsive. This setting will activate Layout 1.
| |
| − | | |
| − | If you are switching from the adaptive version of the booking page to the responsive version most customisations will be automatically applied.
| |
| − | | |
| − | == 2. Choose a different Layout==
| |
| − | | |
| − | Go to SETTINGS->BOOKING PAGE->PAGE DESIGN->LAYOUT and set the selector
| |
| − | | |
| − | .... to the layout you want to use.
| |
| − | | |
| − | == Customise Layouts ==
| |
| − | The booking page consists of:
| |
| − | | |
| − | '''Sections'''
| |
| − | "Offer" contains the standard offer for a room or unit. One offer will always be shown. Additional offers (for example for alternative non refundable prices or packages) are optional. All other sections are optional.
| |
| − | | |
| − | [[Image:sections.jpg|200px|link=]] | |
| − | [[Media:sections.jpg|view large]]
| |
| − | | |
| − | | |
| − | '''Modules'''
| |
| − | | |
| − | Modules define which content is displayed. For each section you can choose from a set of modules.
| |
| − | | |
| − | | |
| − | '''Rows'''
| |
| − | | |
| − | Modules are placed in rows. Each row which consists of 12 columns. The number of columns defines the width of the module.
| |
| − | | |
| − | With can be defined desktop and mobile views.
| |
| − | | |
| − | Each section can have one or more rows.
| |
| − | | |
| − | | |
| − | == Colors and Fonts ==
| |
| − | To customise colors and fonts go to SETTINGS->BOOKING PAGE->PAGE DESIGN->STYLE
| |
| − | | |
| − | == Behaviour ==
| |
| − | Changes on how the booking page opens and closes can be made in SETTINGS->BOOKING PAGE->PAGE DESIGN->BEHAVIOUR
| |
| − | | |
| − | == Content ==
| |
| − | Additional messages can be added to the booking page in SETTINGS->BOOKING PAGE->PAGE DESIGN->CONTENT. This is also where you can change the default warning messages which show when a room is not available.
| |
| − | | |
| − | | |
| − | == Developers ==
| |
| − | Advanced functions are available in SETTINGS->BOOKING PAGE->DEVELOPER
| |
| − | | |
| − | *If you are comfortable working with CSS you can apply your own styles
| |
| − | *Add scripts e.g. for Google Analytics
| |
| − | *Exchange any fixed text on the booking page
| |
| − | | |
| − | [[:category:Developers |Here]] you can find more developer options.
| |
