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

Jump to navigation Jump to search
← Older editNewer edit →
No edit summary
No edit summary
Line 34: 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. 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>
</ul>
</div>
</div>
</pre>
Step 3
Add the following code to SETTINGS->BOOKING PAGE->DEVELOPERS "Custom CSS":
<pre>
.flexslider {
z-index: 1;
}
.ui-datepicker table {
z-index: 1000;
}
</pre>
</pre>
Retrieved from "https://wiki.beds24.com/index.php/Add_a_Picture_Slider_to_the_Booking_Page"