Show booked slots too

  • Resolved bing4

    (@bing4)


    4 months ago

    Hi there.

    Is there a way to show booked slots with red color background and available slots in green ?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support booklysupport

    (@booklysupport)

    Hi, if you use a step-by-step form, you can add this custom CSS:

    .bookly-form .bookly-time-screen button.booked {

     background-color: red !important;

    }

    .bookly-form .bookly-time-screen button.bookly-hour:not(.booked)  {

     background-color: green !important;

    }

    Thread Starter bing4

    (@bing4)

    Thank you for this clear code example.

    Can you provide how to show similar modification https://prnt.sc/sutDv5KWOSMD :

    1. Show calendar opened on page of form on 1 step (before any selections) ;
    2. Show price for date/time ;
    3. Show availability on hover/click (for mobile i.e)
    Plugin Support booklysupport

    (@booklysupport)

    Hi there.

    1. You can use [bookly-calendar] shortcode to add a front end calendar right on your webpage. Go to “Bookly > Settings > Calendar > Display front-end calendar” and make sure to set it to “Enable.” This is your green light to get started.

      Now, head over to your Pages or Posts in the WordPress sidebar menu. Find the page where you want to showcase the front-end calendar.

      Inside that page, you can click on the Bookly – Calendar block to insert the [bookly-calendar] shortcode.?
    2. In Bookly > Appearance > Service tab, you can enable the ‘Show service price next to duration’ option.
    3. I’m afraid this isn’t possible at the moment.?
Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.