WP BASe allows completely or partially different display when client is connected with a mobile phone. This conditional display is carried out by using the shortcodes app_is_mobile and app_is_not_mobile. Connect to this page with your mobile phone or use Google Chrome to emulate a mobile phone to see the difference.
This sentence is only viewed when connected with a non mobile device.
Most of the modular booking shortcodes should be wrapped with app_is_mobile or app_is_not_mobile shortcodes if different displays are required.
One Hour Service - Dec 30, 2024 - Jan 5, 2025
MonM
TueT
WedW
ThuT
FriF
SatS
SunS
9:00 am
10:00 am
11:00 am
12:00 pm
1:00 pm
2:00 pm
3:00 pm
4:00 pm
All times are set to Asia/Bangkok (Server Timezone)
Compact booking shortcode app_book, however, automatically switches to mobile display: No need to use the above shortcodes.
Select Location
Select Service
Select Specialist
January 2025
MonM
TueT
WedW
ThuT
FriF
SatS
SunS
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
All times are set to Asia/Bangkok (Server Timezone)
WP BASe allows completely or partially different display when client is connected with a mobile phone. This conditional display is carried out by using the shortcodes <strong>app_is_mobile</strong> and <strong>app_is_not_mobile</strong>. Connect to this page with your mobile phone or use <a href="https://developers.google.com/web/tools/chrome-devtools/iterate/device-mode/" target="_blank">Google Chrome</a> to emulate a mobile phone to see the difference.
[app_is_mobile]This sentence is only viewed when connected with a mobile phone.[/app_is_mobile]
[app_is_not_mobile]This sentence is only viewed when connected with a non mobile device.[/app_is_not_mobile]
Most of the <abbr title="Modular booking shortcodes require at least app_confirmation shortcode to create a fully functional make an appointment page.">modular booking shortcodes </abbr>should be wrapped with app_is_mobile or app_is_not_mobile shortcodes if different displays are required.
[app_is_not_mobile] [app_schedule] [/app_is_not_mobile]
[app_is_mobile]Weekly calendar cells are too small for mobile phones, so lets use Stack View instead:
[app_book_stack range="1 week" mode=6 swipe=0]
[/app_is_mobile]
<abbr title="Compact booking shortcode app_book is by itself sufficient to make a fully functional make an appointment page.">Compact booking shortcode</abbr> <strong>app_book,</strong> however, automatically switches to mobile display: No need to use the above shortcodes.
