17,129
edits
Changes
Jump to navigation
Jump to search
Created page with "Category:Rates Category:Daily_Prices Category:Prices <div class="heading">Mobile Prices</div> This page explains how to show different prices on mobile devices a..."
[[Category:Rates]]
[[Category:Daily_Prices]]
[[Category:Prices]]
<div class="heading">Mobile Prices</div>
This page explains how to show different prices on mobile devices and desktops.
You can achieve this if you use two offers and a script. Offer 1 only for desktop and Offer 2 only for mobile. If you have additional offers they will always show.
'''Step 1: Create Offer 2 '''
If you have not already set up an offer to go to {{#fas:cog}} (SETTINGS) PROPERTIES > OFFERS and create an additional offer.
After you have created the offer you can set up prices for the offer. Click on <span style="color:#007bff;“ >{{#far:question-circle}} </span> in the top right for detailed instructions.
'''Step 1: Add a script '''
Go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELPERS and add the script below to the <head> section:
<code><script>$(document).ready(function() {if($(window).width() >= 800) {$('.offerid1').show();$('.offerid2').hide();}else{$('.offerid1').hide();$('.offerid2').show();}});</script></code>
[[Category:Daily_Prices]]
[[Category:Prices]]
<div class="heading">Mobile Prices</div>
This page explains how to show different prices on mobile devices and desktops.
You can achieve this if you use two offers and a script. Offer 1 only for desktop and Offer 2 only for mobile. If you have additional offers they will always show.
'''Step 1: Create Offer 2 '''
If you have not already set up an offer to go to {{#fas:cog}} (SETTINGS) PROPERTIES > OFFERS and create an additional offer.
After you have created the offer you can set up prices for the offer. Click on <span style="color:#007bff;“ >{{#far:question-circle}} </span> in the top right for detailed instructions.
'''Step 1: Add a script '''
Go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELPERS and add the script below to the <head> section:
<code><script>$(document).ready(function() {if($(window).width() >= 800) {$('.offerid1').show();$('.offerid2').hide();}else{$('.offerid1').hide();$('.offerid2').show();}});</script></code>
