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 PROPERTIESlayout.''

In this menu The responsive booking page consists of sections. For each section you can choose from a set up and customise 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 look of a multiple multi-property booking page. are are:

The *Picture slider or gallery for agency and property*Featues for property *Availability calendar (one or multiple month) for property*Descriptions for for agency and property booking page displays all properties of the account. It links to the *Policies for property booking page where the actual booking is made.

'''Customise the general design'''*To change colors and fonts go to SETTINGS-<div class="warning">BOOKING PAGE{{#fas:exclamation->MULTIPLE PROPERTIES->STYLE*To add descriptions in on above and below the property listing go to SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES->CONTENT and enter your descriptions. triangle}} If you are using have less than 50 properties in the responsive version go to SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES->LAYOUT "Property Header and Footer" to activate account the descriptive module.*To add an agency picture slider (responsive version only) go to SETTINGS->BOOKING PAGE->PICTURES. Upload your pictures and activate them as "Multiple Property Picture". Then go to SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES->LAYOUT "Property Header and Footer" to activate the slidersystem will check if all selected criteria are fulfilled.

Each property can be displayed For accounts with a picture or picture slider and/or a descriptionmore than 50 properties for performance reasons the system will only check if any rooms are available (not closed) for the selected dates. The layout and the used modules If there are no prices for the property display can be customised in SETTINGS-selection you will see 'Check Availability' box </div>BOOKING PAGE->MULTIPLE PROPERTIES->LAYOUT "Multiple Property Layout" .

*To add a property picture slider (responsive version only) go to SETTINGS->BOOKING PAGE-<embedvideo service="youtube">PICTUREShttp://www. Upload your pictures and activate them as "Property Picture"youtube. Then go to SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES-com/watch?v=qVOGr_mqYJA</embedvideo>LAYOUT "Multiple Property Layout" " Customise" to activate the slider.

*== Pictures ==To add a property description pictures and assign them to modules go to {{#fas:cog}} (SETTINGS-) >BOOKING PAGE-ENGINE >PAGE DESIGN PICTURES. Assign them to the multi-> CONTENT and enter your descriptive text property to use them in "Property Description - Booking Page 1" (responsive booking page version) agency modules, property, room or "Property Summary Description" (adaptive booking page version)offer.

*To add an availability calendar (responsive version only) go to SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES->LAYOUT <embedvideo service="Multiple Property Layoutyoutube" " Customise" to activate the property calendar module. When you click on "Manage" you can set the number of calendars to display>https://www. Make sure you check the "Position" and "Desktop" settings when you add a moduleyoutube.com/watch?v=lXFa0MPO8TU</embedvideo>

== Multi property content ==*To add an a features module descriptions above and below the property listing go to {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > MULTI BOOKING PAGE > CONTENT and enter your descriptions. If you are using the responsive version only) go to {{#fas:cog}} (SETTINGS->) BOOKING PAGE-ENGINE >MULTIPLE PROPERTIES->LAYOUT "Multiple Property Layout" " CustomiseHeader and Footer" to activate the property features descriptive module. When you click on "Manage" you can adjust the column width*To add an agency picture slider (responsive version only) go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE PICTURES. Make sure you check the "Position" Upload your pictures and activate them as "DesktopMultiple Property Picture" settings when you add a module. Features can be added in Then go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE->MULTIPLE PROPERTIES->DESCRIPTIONLAYOUT "Property Header and Footer" to activate the slider.

'''Hide a ==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" .

You can hide a *The price shown on the multi property from your booking page by setting "Sell Priority" = Hide in SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES-> PROPERTY SETTINGSis the '''lowest of offer 1 and 2.'''

<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> '''Search CriteriaIf you have multiple offers then ensure that there is always a price for offer 1 or offer 2, otherwise the property will not show on the multi property booking page.'''

Custom search criteria can be set up in *To add a property picture go to {{#fas:cog}} (SETTINGS -) > BOOKING PAGE -ENGINE >MULTIPLE PROPERTIES-> SEARCH CRITERIA PICTURES. The context help (? icons) Upload a picture and the page help give detailed informationactivate it as "Property Picture".

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

*To add a property description go to {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > PROPERTY BOOKING PAGE > 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 > 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 > 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. **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-api-key. Usually a free key is sufficient. Make sure you activate all required settings. ===Property header and footer===Agency modules can optionally also display on the property booking pages. The settings are available in {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > MULTI BOOKING PAGE > LAYOUT. ===Hide one or more properties===You can hide a property from your booking page by setting "Sell Priority" = Hide in {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > MULTI BOOKING PAGE > PROPERTY SETTINGS. ==Search criteria==Custom search criteria can be set up in {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > MULTI BOOKING PAGE > SEARCH CRITERIA.  These criteria need to be assigned your properties in {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > MULTI BOOKING PAGE >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>