Okay
  Public Ticket #2795166
Booking Calendar
Closed

Comments

  • DoQtor started the conversation

    Is there a shortcode that will only show the booking calendar ? 

  • [deleted] replied

    Good day!

    Sorry for the delayed response.

    As far as I understand, you want to hide the Service and Employee selection page, is that correct?

    It can be achieved only if you have one Service and use a Step-by-step view. 

    1. First, in your FTP in file ../wp-content/plugins/ameliabooking/public/js/chunks/amelia-booking-booking-91e921cc263e1677b694.js you should replace this:

    this.showCalendarOnly(!0)&&0===this.options.entities.packages.length

    ldNU2vlM9ZuPl-F0wyA9cdrYeN2YjKgaZd9gjjlwDWQsaLxdoKAQMqIgSaIYxt6t9MkEcRRUCK6aFndAFJxKdVNqX_xd5QPVlJTClC_YKcvEEVaKBDimKO-M9VaQ4ImVWAsn2gYq

    With this:

    "showAmeliaCalendarOnLoad"in window&&window.showAmeliaCalendarOnLoad&&this.appointment.serviceId||this.showCalendarOnly(!0)&&0===this.options.entities.packages.length


    2. And then added this JS on the booking page:

    <script>
    window.showAmeliaCalendarOnLoad = true
    </script>

     

    Along with this custom CSS:

    <style>
    .am-select-service {
    display: none !important;
    }
    .am-select-date.am-show-calendar {
    width: 100% !important;
    }
    </style>

     

     So, after that, the booking form will display the Calendar straight away, without the page with Employee and Service selection.

    Best Regards. 

  • DoQtor replied

    Thanks for your response. I apologize for the confusion. I wanted to know if there was a short code for the calendar to just show on a page by itself. 

  • [deleted] replied

    Good day!

    Sorry for the delayed response.

    I'm still not sure if I understand the question correctly, I'm afraid.

    The solution I explained earlier was related to a situation when a Calendar is the first thing that a Customer sees, for example:

    i3tbHYjwcUY85-ubf9eBB5p9E69JdpzwazbUL49FYOY9cvRiMapqM0XoTUAezacfiYHlrbcsppvZ-wY1ialhI1sqqzToMvrEnO5sLDAYhUhUBZ6HG_xr7tF9DMeC5BKKpT9XFKDf

    It can't be achieved with a shortcode at the moment, unfortunately. It will require a change in the code and additional custom JS and CSS on the booking page.

    If it's still not what you asked about, please provide me with a screenshot of the view that you want to achieve.

    Best Regards.