Add a Picture Slider to the Booking Page - Revision history

Annette: Replaced content with "Category:How to Category:Booking Page Note: This function in built into the responsive version of the booking page. Please see these Responsive_Booking_Page|..."

2020-01-23T18:32:33Z

Replaced content with "Category:How to Category:Booking Page Note: This function in built into the responsive version of the booking page. Please see these Responsive_Booking_Page|..."

@@ Line 1: / Line 1: @@
 [[Category:How to]]
 [[Category:Booking Page]]
- ''This page explains how to add a picture slider to your booking page. To do this you need knowledge of HTML, CSS and Javascript
   Note: This function in built into the responsive version of the booking page. Please see these [[Responsive_Booking_Page|instructions]].

Annette at 08:35, 26 October 2015

2015-10-26T08:35:07Z

← Older revision		Revision as of 08:35, 26 October 2015
Line 4:		Line 4:


	Note: This function in built into the responsive version of the booking page. Please see these [[Responsive_Booking_Page\|instructions]]		Note: This function in built into the responsive version of the booking page. Please see these [[Responsive_Booking_Page\|instructions]].

	'''Requires:''' Knowledge of HTML, CSS (Javascript)		'''Requires:''' Knowledge of HTML, CSS (Javascript)

Annette at 08:34, 26 October 2015

2015-10-26T08:34:55Z

← Older revision		Revision as of 08:34, 26 October 2015
Line 4:		Line 4:


	Note: This function in built into the responsive version of the booking page. Please see these [[instructions~~\|Responsive_Booking_Page~~]]		Note: This function in built into the responsive version of the booking page. Please see these [[Responsive_Booking_Page\|instructions]]

	'''Requires:''' Knowledge of HTML, CSS (Javascript)		'''Requires:''' Knowledge of HTML, CSS (Javascript)

Annette at 08:34, 26 October 2015

2015-10-26T08:34:32Z

← Older revision		Revision as of 08:34, 26 October 2015
Line 4:		Line 4:


	Note: This function in built into the responsive version of the booking page. Please see these [instructions\|Responsive_Booking_Page]		Note: This function in built into the responsive version of the booking page. Please see these [[instructions\|Responsive_Booking_Page]]

	'''Requires:''' Knowledge of HTML, CSS (Javascript)		'''Requires:''' Knowledge of HTML, CSS (Javascript)

Annette at 08:34, 26 October 2015

2015-10-26T08:34:13Z

← Older revision		Revision as of 08:34, 26 October 2015
Line 2:		Line 2:
	[[Category:Booking Page]]		[[Category:Booking Page]]
	''This page explains how to add a picture slider to your booking page. To do this you need knowledge of HTML, CSS and Javascript		''This page explains how to add a picture slider to your booking page. To do this you need knowledge of HTML, CSS and Javascript
	''

			Note: This function in built into the responsive version of the booking page. Please see these [instructions\|Responsive_Booking_Page]

	'''Requires:''' Knowledge of HTML, CSS (Javascript)		'''Requires:''' Knowledge of HTML, CSS (Javascript)

Annette at 15:53, 20 July 2015

2015-07-20T15:53:10Z

@@ Line 34: / Line 34: @@
 *Step 2
-Copy the following HTML to the position you want the slider to appear. It can be any HTML content setting area for the booking page. If you want to add the slider in the header go to SETTINGS->BOOKING PAGE->PAGE DESIGN "Header" if you want to add a slider to the room descriptions go to SETTINGS->BOOKING PAGE ->ROOMS. You will need to set the editor to "Source" (click on the icon) and enter the links of the pictures you want to use.
+Copy the following HTML to the position you want the slider to appear. It can be any HTML content setting area for the booking page. If you want to add the slider in the header go to SETTINGS->BOOKING PAGE->PAGE DESIGN -> CONTENT "Header" if you want to add a slider to the room descriptions go to SETTINGS->BOOKING PAGE ->ROOMS. CONTENT You will need to set the editor to "Source" (click on the icon) and enter the links of the pictures you want to use.
@@ Line 67: / Line 67: @@
 </ul>
 </div>
 </pre>

Annette at 12:42, 18 July 2015

2015-07-18T12:42:23Z

← Older revision		Revision as of 12:42, 18 July 2015
Line 19:		Line 19:
	*Step 1		*Step 1

	Copy and save the following script to the "Insert in HTML <HEAD>" setting on the BOOKING PAGE~~->PAGE DESIGN~~->DEVELOPERS menu.		Copy and save the following script to the "Insert in HTML <HEAD>" setting on the BOOKING PAGE->DEVELOPERS menu.

	<pre>		<pre>

Annette at 13:08, 17 July 2015

2015-07-17T13:08:31Z

← Older revision		Revision as of 13:08, 17 July 2015
Line 19:		Line 19:
	*Step 1		*Step 1

	Copy and save the following script to the "Insert in HTML <HEAD>" setting on the BOOKING PAGE >> ~~ADVANCED~~ menu.		Copy and save the following script to the "Insert in HTML <HEAD>" setting on the BOOKING PAGE->PAGE DESIGN->DEVELOPERS menu.

	<pre>		<pre>

Annette: Annette moved page Pictures: Add a Picture Slider to the Booking Page to Add a Picture Slider to the Booking Page

2014-11-08T15:16:16Z

Annette moved page Pictures: Add a Picture Slider to the Booking Page to Add a Picture Slider to the Booking Page

← Older revision	Revision as of 15:16, 8 November 2014
(No difference)

Annette at 17:36, 4 November 2014

2014-11-04T17:36:47Z

← Older revision		Revision as of 17:36, 4 November 2014
Line 1:		Line 1:
	[[Category:How to]]		[[Category:How to]]
	[[Category:Booking Page]]		[[Category:Booking Page]]
			''This page explains how to add a picture slider to your booking page. To do this you need knowledge of HTML, CSS and Javascript
			''
	'''Requires:''' Knowledge of HTML, CSS (Javascript)		'''Requires:''' Knowledge of HTML, CSS (Javascript)

Line 33:		Line 34:
	*Step 2		*Step 2

	Copy the following HTML to the position you want the slider to appear. It can be any HTML content setting area for the booking page.		Copy the following HTML to the position you want the slider to appear. It can be any HTML content setting area for the booking page. If you want to add the slider in the header go to SETTINGS->BOOKING PAGE->PAGE DESIGN "Header" if you want to add a slider to the room descriptions go to SETTINGS->BOOKING PAGE ->ROOMS. You will need to set the editor to "Source" (click on the icon) and enter the links of the pictures you want to use.


	It is very important to enter the HTML using source mode of the built in editor otherwise the HTML may not save correctly.		It is very important to enter the HTML using source mode of the built in editor otherwise the HTML may not save correctly.