How do I get Appointments+ to display correctly?

I am *so* confused.

I'm looking to have front-end to allow clients to do the following (in order):

1. select service
2. select service provider (if multiple service providers exist)
3. select date
4. book/confirm

I've been tinkering with this plugin for 2h trying to get this to display correctly.

Please help!

  • Ash

    Hello @Veronica

    Welcome to WPMU community!

    I hope you are well today and thanks for asking the question.

    Please go to Appointments > Settings.

    Then in services tab, define your services.
    In service provider tab, define your providers and assign services to them. Note that, providers need to be registered user in your site.
    In working hours time, select time slot for your appointments.
    Then create a page with the following code:

    <table>
    <tbody>
    <tr>
    <td colspan="2">[app_my_appointments]</td>
    </tr>
    <tr>
    <td>[app_services select="Please select your event type"] [app_service_location]</td>
    <td>[app_service_providers]</td>
    </tr>
    <tr>
    <td colspan="2">[app_monthly_schedule]</td>
    </tr>
    <tr>
    <td colspan="2">[app_pagination month="1"]</td>
    </tr>
    <tr>
    <td colspan="2">[app_login]</td>
    </tr>
    <tr>
    <td colspan="2">[app_confirmation]</td>
    </tr>
    <tr>
    <td colspan="2">[app_paypal]</td>
    </tr>
    </tbody>
    </table>

    Then view the page. Let me know if it works.

    Please let me know if it is helpful and feel free to ask more question if you have.

    Cheers
    Ash

  • Ash

    #1 and #3:

    You can do it by changing the translation file via poedit. If you find that complex, there is an easier solution for you.

    Please add the following line your footer.php of the theme:

    <script type="text/javascript">
    jQuery(function($) {
      $('input.app_services_button, input.app_workers_button').val('Select');
      $('.appointments-instructions').html($('.appointments-instructions').html().replace('free', 'available'));
      $('.appointments-legend-table td.class-name').each(function() {
        if($(this).html() == 'Free') $(this).html('Available');
      });
    });
    </script>

    And for #2, change in the given shortcode:
    [app_monthly_schedule title="<h2>Our schedule for START</h2>"]
    You can change h2 to something else.

    Please check and let me know if it works for you.

    Cheers
    Ash

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.