Difference between revisions of "Mobile Prices"
(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...") |
|||
| Line 13: | Line 13: | ||
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. | 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 | + | '''Step 1: Add the script ''' |
Go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELPERS and add the script below to the <head> section: | 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> | <code><script>$(document).ready(function() {if($(window).width() >= 800) {$('.offerid1').show();$('.offerid2').hide();}else{$('.offerid1').hide();$('.offerid2').show();}});</script></code> | ||
Revision as of 10:04, 10 August 2021
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 (SETTINGS) PROPERTIES > OFFERS and create an additional offer. After you have created the offer you can set up prices for the offer. Click on in the top right for detailed instructions.
Step 1: Add the script
Go to (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELPERS and add the script below to the <head> section:
<script>$(document).ready(function() {if($(window).width() >= 800) {$('.offerid1').show();$('.offerid2').hide();}else{$('.offerid1').hide();$('.offerid2').show();}});</script>
