Add a Picture Slider to the Booking Page: Difference between revisions

Jump to navigation Jump to search
No edit summary
Line 4: Line 4:
'''Add a picture slider to show a gallery of pictures one at a time'''
'''Add a picture slider to show a gallery of pictures one at a time'''


Beds24 supports flexslider 2 by http://www.woothemes.com/flexslider/
The system supports flexslider 2 by http://www.woothemes.com/flexslider/


The pictures can be uploaded to Beds24 using the PICTURES menu or hosted on your own server. Very Important is that they are hosted securely using https: if they are not security warning about insecure content will be shown in the browser.
The pictures can be uploaded to the system using the PICTURES menu or hosted on your own server. Very Important is that they are hosted securely using https: if they are not security warning about insecure content will be shown in the browser.


The slider can be shown in any position of the booking page which allows user HTML content.
The slider can be shown in any position of the booking page which allows user HTML content.
Line 35: Line 35:


Change the SRC value of the IMG tags to the URL of pictures you want to display.  
Change the SRC value of the IMG tags to the URL of pictures you want to display.  
If the pictures are hosted at Beds24 you will find the URL in the PICTURES menu.
If the pictures are hosted with us you will find the URL in the PICTURES menu.
You can choose the number and order of the pictures. If the pictures are different sizes you can use WIDTH and HEIGHT settings in the image tags to standardise them.
You can choose the number and order of the pictures. If the pictures are different sizes you can use WIDTH and HEIGHT settings in the image tags to standardise them.