Page Layout: Difference between revisions

Jump to navigation Jump to search
No edit summary
No edit summary
Line 14: Line 14:


<div><ul style="vertical align: top">  
<div><ul style="vertical align: top">  
<li style="display: inline-block;"> [[File:layout1.png|thumb|none|300px|<p style="font-weight: bold; text-align: center">Layout 1</p> <p style="font-weight: bold;">Modules:</p> Property Top: Desctiption1<br><br>
<li style="display: inline-block;"> [[File:layout1.png|thumb|none|x400px|<p style="font-weight: bold; text-align: center">Layout 1</p> <p style="font-weight: bold;">Modules:</p> Property Top: Desctiption1<br><br>
Offer:  Picture Slider, Description 1 , Calendar, Booking Button/Selector, Description 2<br><br>
Offer:  Picture Slider, Description 1 , Calendar, Booking Button/Selector, Description 2<br><br>
Property Bottom: Description 2]] </li>
Property Bottom: Description 2]] </li>


<li style="display: inline-block;"> [[File:layout2.png|thumb|none|300px|<p style="font-weight: bold; text-align: center">Layout 2</p> <p style="font-weight: bold;">Modules:</p> Property Top: Picture Slider<br><br>
<li style="display: inline-block;"> [[File:layout2.png|thumb|none|x400px|<p style="font-weight: bold; text-align: center">Layout 2</p> <p style="font-weight: bold;">Modules:</p> Property Top: Picture Slider<br><br>
Offer:  Booking Button/Selector, Price Table<br><br>
Offer:  Booking Button/Selector, Price Table<br><br>
Property Bottom: Description 2]] </li>
Property Bottom: Description 2]] </li>


<li style="display: inline-block;"> [[File:layout3.png|thumb|none|300px|<p style="font-weight: bold; text-align: center">Layout 3</p> <p style="font-weight: bold;">Modules:</p> Property Top: Desctiption1<br><br>
<li style="display: inline-block;"> [[File:layout3.png|thumb|none|x4300px|<p style="font-weight: bold; text-align: center">Layout 3</p> <p style="font-weight: bold;">Modules:</p> Property Top: Desctiption1<br><br>
Offer:  Price Table, Booking Button/Selector<br><br>
Offer:  Price Table, Booking Button/Selector<br><br>
Property Bottom: Description 2]] </li>
Property Bottom: Description 2]] </li>
Line 37: Line 37:
Offer:  Price Calendar,  Booking Button/Selector<br><br>
Offer:  Price Calendar,  Booking Button/Selector<br><br>
Property Bottom: Description 2]] </li>
Property Bottom: Description 2]] </li>
</ul></div>
</ul></div>
== '''3. Customise Layouts''' ==
== '''3. Customise Layouts''' ==
Go to SETTINGS->BOOKING PAGE->PAGE DESIGN->LAYOUT. Choose the layout you want to use and click on "Customise".  
Go to SETTINGS->BOOKING PAGE->PAGE DESIGN->LAYOUT. Choose the layout you want to use and click on "Customise".  
Line 59: Line 55:
'''Property modules'''
'''Property modules'''
<gallery>
<gallery>
File:sections.jpg|Item 1
File:Property_slider.png|Property Slider[[Media:Property_slider.png|view large]]
File:sections.jpg|Item 1[[Media:sections.jpg|view large]]
File:sections.jpg|Item 1
File:sections.jpg|Item 1
File:sections.jpg|Item 1
File:sections.jpg| ''italic caption''
File:sections.jpg| ''italic caption''