Customise Booking Page - Revision history

Annette at 16:46, 26 October 2015

2015-10-26T16:46:36Z

← Older revision		Revision as of 16:46, 26 October 2015
Line 1:		Line 1:

	#REDIRECT [[:Category:Booking_Page]]		#REDIRECT [[:Category:Booking_Page]]

Annette at 16:44, 26 October 2015

2015-10-26T16:44:48Z

← Older revision		Revision as of 16:44, 26 October 2015
Line 1:		Line 1:
	#REDIRECT [[:Category:~~Booking Page~~]]		#REDIRECT [[:Category:Booking_Page]]

Annette: Redirected page to Category:Booking Page

2015-10-26T16:43:45Z

Redirected page to Category:Booking Page

← Older revision		Revision as of 16:43, 26 October 2015
Line 1:		Line 1:
	#REDIRECT [ [:Category:Booking Page] ]		#REDIRECT [[:Category:Booking Page]]

Annette at 16:43, 26 October 2015

2015-10-26T16:43:31Z

← Older revision		Revision as of 16:43, 26 October 2015
Line 1:		Line 1:
	#REDIRECT[[:Category:Booking Page]]		#REDIRECT [ [:Category:Booking Page] ]

Annette at 16:41, 26 October 2015

2015-10-26T16:41:12Z

← Older revision		Revision as of 16:41, 26 October 2015
Line 1:		Line 1:
	#REDIRECT[[:Category:~~Booking_Page~~]]		#REDIRECT[[:Category:Booking Page]]

Annette at 16:40, 26 October 2015

2015-10-26T16:40:52Z

← Older revision		Revision as of 16:40, 26 October 2015
Line 1:		Line 1:
	#REDIRECT [[:Category:Booking_Page]]		#REDIRECT[[:Category:Booking_Page]]

Annette: Redirected page to Category:Booking Page

2015-10-26T16:40:31Z

Redirected page to Category:Booking Page

← Older revision		Revision as of 16:40, 26 October 2015
Line 1:		Line 1:
	[[~~Category~~:~~How to]]~~		#REDIRECT [[:Category:Booking_Page]]
	[[Category:~~Booking Page]]~~
	~~''This page explains how to customise the booking page''~~

	~~There are 2 booking page version available:~~


	~~== Adaptive booking page ==~~
	~~Examples:~~

	~~[[File:example.jpg]]~~

	~~[[Adaptive Booking Page\|Here]] you can find information on how to customise the adaptive booking page~~

	~~== Responsive booking page ==~~
	~~Examples:~~

	~~<div><ul>~~
	~~<li style="display: inline-block; vertical-align: top;"> [[File:layout1.png\|thumb\|none\|160px]] </li>~~
	~~<li style="display: inline-block; vertical-align: top;"> [[File:layout2.png\|thumb\|none\|160p\|]] </li>~~
	~~<li style="display: inline-block; vertical-align: top;"> [[File:layout3.png\|thumb\|none\|160px]] </li>~~
	~~<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png\|thumb\|none\|160px]] </li>~~
	~~<li style="display: inline-block;vertical-align: top;"> [[File:layout5.png\|thumb\|none\|160px]] </li>~~
	~~<li style="display: inline-block; vertical-align: top;"> [[File:layout6.png\|thumb\|none\|160px]] </li>~~
	~~</ul></div>~~



	~~[[Responsive Booking Page\|Here~~]] ~~you can find information on how to customise the responsive booking page~~

Annette at 16:38, 26 October 2015

2015-10-26T16:38:11Z

Show changes

Annette at 12:41, 18 July 2015

2015-07-18T12:41:32Z

← Older revision		Revision as of 12:41, 18 July 2015
Line 61:		Line 61:


	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~~ -> DEVELOPERS -> "Advanced HTML Settings".		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 -> DEVELOPERS -> "Advanced HTML Settings".

	Custom Instruction:		Custom Instruction:

Annette at 15:01, 17 July 2015

2015-07-17T15:01:06Z

← Older revision		Revision as of 15:01, 17 July 2015
Line 6:		Line 6:

	[[File:example.jpg]]		[[File:example.jpg]]

			*LAYOUT - general layout
			SETTINGS -> BOOKING PAGE -> PAGE DESIGN ->LAYOUT

	*Design - Customise Design, Colours and fonts		*Design - Customise Design, Colours and fonts
	SETTINGS -> BOOKING PAGE -> PAGE DESIGN		SETTINGS -> BOOKING PAGE -> PAGE DESIGN ->STYLE

	[[File:ic_video.gif\|link=]] '''[[http://youtu.be/lZvcUEajxjk Show Video]]''''		[[File:ic_video.gif\|link=]] '''[[http://youtu.be/lZvcUEajxjk Show Video]]''''
Line 19:		Line 22:


	*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		*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

	~~[[File:ic_video.gif\|link=]] '''[[http://youtu.be/A8G9QvZJBcM Show Video]]''''~~


Line 27:		Line 29:


	*Add pictures and information for rooms (5) in SETTINGS -> BOOKING PAGE -> ~~ROOMS~~		*Add pictures and information for rooms (5) in SETTINGS -> BOOKING PAGE -> ROOM CONTENT

	Upload and setting (size, responsive behaviour) in SETTINGS -> BOOKING PAGE -> PICTURES		Upload and setting (size, responsive behaviour) in SETTINGS -> BOOKING PAGE -> PICTURES
Line 34:		Line 36:


	*Set different prices or packages for a room (5) in SETTINGS -> BOOKING PAGE -> ~~ROOMS~~ -> OFFER 2 (you can display up to four different offers)		*Set different prices or packages for a room (5) in SETTINGS -> BOOKING PAGE -> ROOM CONTENT -> OFFER 2 (you can display up to four different offers)

	[[File:bookingpage.png]]		[[File:bookingpage.png]]
Line 56:		Line 58:
	== Change Default Text==		== Change Default Text==

	1. You can exchange any of the default text on the booking page in SETTINGS -> BOOKING PAGE -> ~~ADVANCED~~ -> ~~CUSTOM TEXT~~		1. You can exchange any of the default text on the booking page in SETTINGS -> BOOKING PAGE -> DEVELOPERS -> "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~~ -> "Advanced HTML Settings".		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 -> DEVELOPERS -> "Advanced HTML Settings".

	Custom Instruction:		Custom Instruction:
Line 78:		Line 80:
	== Hide "Book Multiple" ==		== Hide "Book Multiple" ==

	Use the selector in SETTINGS-> BOOKING PAGE-> PAGE DESIGN		Use the selector in SETTINGS-> BOOKING PAGE-> PAGE DESIGN->LAYOUT

	== Hover Text ==		== Hover Text ==
	*To not show the number or rooms/units left place the following code in the SETTINGS->BOOKING PAGE-> ~~ADVANCED~~ "Custom CSS" setting.		*To not show the number or rooms/units left place the following code in the SETTINGS->BOOKING PAGE-> DEVELOPERS "Custom CSS" setting.
	.ptdaynumavail {display:none;}		.ptdaynumavail {display:none;}

	*To disable the hover text place the following script in the SETTINGS->BOOKING PAGE-> ~~ADVANCED~~ "Advanced HTML Settings" setting.		*To disable the hover text place the following script in the SETTINGS->BOOKING PAGE-> DEVELOPERS "Advanced HTML Settings" setting.

	<pre>		<pre>
Line 101:		Line 103:
	== 'Change CSS' ==		== '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 -> ~~ADVANCED~~. Examples:		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 -> DEVELOPERS. Examples:

	== Bigger Room Name ==		== Bigger Room Name ==
Line 119:		Line 121:
	== Shadow Arround your Booking Page ==		== Shadow Arround your Booking Page ==

	Add code in SETTINGS-> BOOKING PAGE -> ~~ADVANCED~~ "Custom CSS"		Add code in SETTINGS-> BOOKING PAGE -> DEVELOPERS "Custom CSS"

	/code for a shadow arround your booking page/		/code for a shadow arround your booking page/
Line 132:		Line 134:

	== Booking Page with Rounded Corners ==		== Booking Page with Rounded Corners ==
	Add code in SETTINGS-> BOOKING PAGE -> ~~ADVANCED~~ "Custom CSS"		Add code in SETTINGS-> BOOKING PAGE -> DEVELOPERS "Custom CSS"

	/code for rounded corners/		/code for rounded corners/
Line 140:		Line 142:
	-moz-border-radius: 7px;		-moz-border-radius: 7px;
	}		}

			== Show prices with cents even if cents are zero ==

			.bookingpagecentshide {display:inline;}