Add functionality to Appointments+


I have had users complain about a bug in appointments+ when using the system through mobile devices.

User chooses '3 hour green cleaning'
User chooses 'service provider'
iPhone user selects 'done' from iphone menu
android user click 'show available time' button under 'service provider' dropdown list
User chooses 'service date'
User chooses 'service time'

User then views confirmation page and the service is '1 hour green cleaning'.
Note: system thinks that the user selected '1 hour green cleaning'
Even the available service times are related to a '1 hour' service.

I have verified this issue with
Android browser
Android Firefox browser
Android Chrome browser

I have verified this issue using multiple themes, including 2014.

iPhone 5c Safari
iPhone 5c Chrome

Please add functionality so that when a user selects the 'service' the system automatically updates ( performs the function of the 'show available times' button under 'service' dropdown list ) then the users selects 'service provider' the system should update.

System should update each time a user changes selections.

Having two 'show available times' buttons confuses users.

This is a big issue as I have feedback that I have lost several customers because they believe the system has a bug.

Please help.

  • DavidM
    • DEV MAN’s Mascot

    Hi Zach,

    I rather like that idea myself, of not having to click the buttons. There's not an option for that in the plugin currently, but I can move this to the feature suggestion forum if you like.

    Meanwhile, you could use something like this to achieve it:

    function apps_on_change_click() { ?><SCRIPT type="text/javascript">
    jQuery( ".app_select_services" ).change(function() {
    	jQuery( ".app_services_button" ).trigger( "click" );
    jQuery( ".app_select_workers" ).change(function() {
    	jQuery( ".app_workers_button" ).trigger( "click" );
    add_action('wp_footer', 'apps_on_change_click');

    You could add that to your theme's functions.php or more easily with this:

    You could also then hide the buttons with the following CSS:
    .app_services_button, .app_workers_button { display: none; }

    That could be added to your theme's style.css file or using this:

    Perhaps that'll help for the moment?


  • pxwm
    • WP Core Meltdown

    Hi @DavidM - I hope you don't mind me chiming in

    Hi @Zach,

    You may wish to try adding the following parameter to your shortcodes as this will automatically refresh the page when a 'Service' and 'Service Providers' is selected:-

    Login to your Wordpress dashboard as admin
    Select 'Pages' from the left hand vertical menu
    Select the 'Appointments' page
    Set the page tab to 'tex't to view all the shortcodes

    Then add the following parameters to both shortcodes:-

    [app_services autorefresh="1"]
    [app_service_providers autorefresh="1"]

    If you have other parameters within the shortcode then don't remove but just add the new parameter

    Then Save
    This will remove the button 'Show Available Times'.
    However depending on the server response times you may see the button appear and disappear

    Then try making an appointment and when you Select a 'Service' this will automatically refresh the page showing the available 'Service Providers' for that 'Service'
    Then Select a 'Service Provider' and the page will refresh showing the schedule with available dates and times.

    I hope this helps

  • DavidM
    • DEV MAN’s Mascot

    Hi @Zach,

    I hope that SteveB's explanation helped with this, though sorry if that extra code bit I mentioned confused anything. Really, it works, but it's already been taken into account within the plugin. I didn't happen to catch that shortcode option myself though.

    In any case, I hope that helps. :slight_smile:

    @SteveB, you're most welcome, thanks again for your great assistance!


Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.