Mobile iOS displays full 24hrs in Time selector

  • Hi there,

    Just noticed a issue with the booking system when used iPhone iOS – When you select the booking time is displays the full 24hrs and does not highlight the period when a customer can book.

    The current schedule I have setup can be seen in this screenshot: https://www.dropbox.com/s/evimr4ol074d8ik/Screenshot%202018-06-24%2009.42.34.png?dl=0

    I and using the following Custom css to hide the time not available and this works fine.

    .picker–focused .picker__list-item–disabled, .picker__list-item–disabled, .picker__list-item–disabled:hover {
    display: none;

    However when the user uses a mobile with iOS the time picker is displayed at the bottom of the screen using the UIPickerView. Please see here the screenshot – https://www.dropbox.com/s/nxainayn19fdhqz/Screenshot%202018-06-24%20at%2009.34.48.jpg?dl=0

    It displays the full 24hrs at 30min time Intervals without any form of highlight to show the time period which can be booked.

    Is there a way to only show the available time not the full 24hrs? Or at minimum, giving the user an understanding of which times can be booked as per the schedule?

    Thanks,
    Steve

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi Steve,

    I noticed that you’re using the Berg theme. That theme has in the past made significant customizations to the booking form. Can you try switching to a default theme, like TwentySeventeen, and deactivating all other plugins? Then test on your iOS device to see if you still get the same results. If not, you can start reactivating things one-by-one to see if something is overriding the default time selector.

    If you deactivate everything and still find that the iOS select behaviour is being used, can you let me know what version of iOS you’re using? I’ll try to get a hold of this version and test to see if I can reproduce it.

    Thread Starter stvnalln

    (@stvnalln)

    Hi @natewr

    Thank you for getting back to me, only just seen you replied. thank you.

    I followed the instructions above, when I activated Twenty Seventeen as you said it worked perfectly. Then when i activated Berg it didn’t.

    All plugins, themes and WP core are up-to-date. the version of IOS is 11.4.1

    I’ll also send the error to the theme developer.

    Thanks
    Steve

    Hi Steve,

    In the past, Berg has overwritten parts of the booking form with its own, and this has caused problems. If it’s working with TwentySeventeen you’ll need to follow up with the Berg developers for help getting this fixed.

    Hi Steve,

    Did you manage to get it working on mobile OS?

    This works now. There will be an update issued in the next version of the theme. Not a plugin issue.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Mobile iOS displays full 24hrs in Time selector’ is closed to new replies.