Changes

''This The design of the responsive booking page version is a about modular allowing you to fully control the menu SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES''layout.

 == Multi-property booking page =====Concept===The multi-property booking page displays all properties of the account. It links to the property booking page where the actual booking is made. The design of the responsive booking page is modular allowing you to fully control the layout.  The booking page consists of sections. For each section you can choose from a set of modules which can be added an removed. They have advanced settings so you can tailor the display exactly to your needs. For most modules content needs to be added so they can display. Available modules for the multi-property booking page are are:

<div class="warning">{{#fas:exclamation-triangle}} If you have less than 50 properties in the account the system will check if all selected criteria are fulfilled.   For accounts with more than 50 properties for performance reasons the system will only check if any rooms are available (not closed) for the selected dates. If there are no prices for the selection you will see 'Check Availability' box </div>   <embedvideo service="youtube">http://www.youtube.com/watch?v=qVOGr_mqYJA</embedvideo> == Pictures ===To upload add pictures and assign them to modules go to {{#fas:cog}} (SETTINGS-) >BOOKING PAGE-ENGINE >PICTURES. Assign them to the multi-proerty property to use them in agency modules, property, room or offer.

=== Agency Multi property content ===*To add descriptions above and below the property listing go to {{#fas:cog}} (SETTINGS-) > BOOKING ENGINE >MULTI BOOKING PAGE->MULTIPLE PROPERTIES->CONTENT and enter your descriptions. If you are using the responsive version go to {{#fas:cog}} (SETTINGS->) BOOKING PAGE-ENGINE >MULTIPLE PROPERTIES->LAYOUT "Property Header and Footer" to activate the descriptive module.*To add an agency picture slider (responsive version only) go to {{#fas:cog}} (SETTINGS->) BOOKING PAGE->ENGINE PICTURES. Upload your pictures and activate them as "Multiple Property Picture". Then go to {{#fas:cog}} (SETTINGS->) BOOKING PAGEENGINE->MULTIPLE PROPERTIES->LAYOUT "Property Header and Footer" to activate the slider. ==Property content==The layout and the used modules for the property display can be customised in {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > MULTI BOOKING PAGE > LAYOUT "Multiple Property Layout" . *The price shown on the multi property booking page is the '''lowest of offer 1 and 2.'''

<span style===Property content===The layout and "color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> '''If you have multiple offers then ensure that there is always a price for offer 1 or offer 2, otherwise the used modules for property will not show on the multi property display can be customised in SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES->LAYOUT "Multiple Property Layout" booking page.'''

*To add a property picture go to {{#fas:cog}} (SETTINGS-) >BOOKING PAGE-ENGINE > PICTURES. Upload a picture and activate it as "Property Picture".

*To add a property picture slider (responsive version only) go to {{#fas:cog}} (SETTINGS-) >BOOKING PAGE-ENGINE >PICTURES. Upload your pictures and activate them as "Property Picture". Then go to {{#fas:cog}} (SETTINGS-) > BOOKING ENGINE >MULTI BOOKING PAGE->MULTIPLE PROPERTIES->LAYOUT "Multiple Property Layout" " Customise" to activate the slider.

*To add a property description go to {{#fas:cog}} (SETTINGS-) >BOOKING PAGE-ENGINE >PROPERTY BOOKING PAGE DESIGN -> CONTENT and enter your descriptive text in "Property Description - Booking Page 1" (responsive booking page version) or "Property Summary Description" (adaptive booking page version).

*To add an availability calendar (responsive version only) go to {{#fas:cog}} (SETTINGS-) >BOOKING ENGINE > MULTI BOOKING PAGE->MULTIPLE PROPERTIES->LAYOUT "Multiple Property Layout" " Customise" to activate the property calendar module. When you click on "Manage" you can set the number of calendars to display. Make sure you check the "Position" and "Desktop" settings when you add a module.

*To add an a features module (responsive version only) go to {{#fas:cog}} (SETTINGS-) >BOOKING ENGINE > MULTI BOOKING PAGE->MULTIPLE PROPERTIES->LAYOUT "Multiple Property Layout" " Customise" to activate the property features module. When you click on "Manage" you can adjust the column width. Make sure you check the "Position" and "Desktop" settings when you add a module. Features can be added in {{#fas:cog}} (SETTINGS->) PROPERTIES->DESCRIPTION.

====Property header and footer====Agency modules can optionally also disply on the property booking pages. The settings are available **If you want to show a '''Google Map''' you need to add an Google Map API Key in {{#fas:cog}} (SETTINGS-) BOOKING ENGINE >MULTI BOOKING PAGE> DEVELOPER. You can obtain an API key from Google here https://developers.google.com/maps/documentation/javascript/get->MULTIPLE PROPERTIESapi->LAYOUTkey. Usually a free key is sufficient. Make sure you activate all required settings.

====Hide one or more properties=Property header and footer===You Agency modules can hide a optionally also display on the property from your booking page by setting "Sell Priority" = Hide pages. The settings are available in {{#fas:cog}} (SETTINGS-) >BOOKING ENGINE > MULTI BOOKING PAGE->MULTIPLE PROPERTIES-> PROPERTY SETTINGSLAYOUT.

===Search criteriaHide one or more properties===Custom search criteria You can be set up hide a property from your booking page by setting "Sell Priority" = Hide in {{#fas:cog}} (SETTINGS -) > BOOKING ENGINE > MULTI BOOKING PAGE ->MULTIPLE PROPERTIES-> SEARCH CRITERIAPROPERTY SETTINGS.

These ==Search criteria need to ==Custom search criteria can be assigned your properties set up in {{#fas:cog}} (SETTINGS -) > BOOKING ENGINE > MULTI BOOKING PAGE ->MULTIPLE PROPERTIES-> PROPERTY SETTINGSSEARCH CRITERIA.

To always show the search These criteria without opening the "Advances Search" link go need to be assigned your properties in {{#fas:cog}} (SETTINGS-) >BOOKING ENGINE > MULTI BOOKING PAGE->MULTIPLE PROPERTIES->DEVELOPERS and add PROPERTY SETTINGS

To always show the search criteria on page load without clicking "Advanced Search" go to {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > MULTI BOOKING PAGE > DEVELOPERS and add  <code> <script> $( document ).ready(function() { $("#collapseAdvancedSearch").show(); }); </script></code>

====Colors and fonts ====To change colors and fonts go to {{#fas:cog}} (SETTINGS-) >BOOKING ENGINE > MULTI BOOKING PAGE->MULTIPLE PROPERTIES->STYLE

Booking widgets for multiple properties which open the multiple property booking widgets can be created in {{#fas:cog}} (SETTINGS-> ) BOOKING PAGEENGINE-> BOOKING WIDGETS by setting set PROPERTY = ALL

*first create the search criteria in {{#fas:cog}} (SETTINGS -) ) > BOOKING ENGINE > MULTI BOOKING PAGE ->MULTIPLE PROPERTIES->SEARCH CRITERIA*then go to {{#fas:cog}} (SETTINGS -) BOOKING ENGINE > MULTI BOOKING PAGE ->MULTIPLE PROPERTIES->PROPERTY SETTINGS and assign the applicable criteria to each property

Once you have set and assigned your search criteria you can go to {{#fas:cog}} (SETTINGS) SETTINGS-> BOOKING PAGE-ENGINE > BOOKING WIDGETS. Set PROPERTY = ALL and design your widget, ensuring that you change SEARCH LABEL to show the search criteria in your booking widget.

<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}} </span> NOTE: If you make changes to your to your search criteria you need to generate the code again and paste the new code to your website again.  == Video ==<embedvideo service="youtube">http://www.youtube.com/watch?v=qVOGr_mqYJA</embedvideo>