We're Moving to a New Support Platform – Starting June 1st!

We’re excited to let you know that starting June 1st, we’ll be transitioning to a new support system that will be available directly on our product websites – Amelia, wpDataTables, and Report Builder. In fact, the new support platform is already live for Amelia and wpDataTables, and we encourage you to reach out to us there.

You'll always be able to reach us through a widget in the bottom right corner of each website, where you can ask questions, report issues, or simply get assistance.

While we still do not offer live support, a new advanced, AI-powered assistant, trained on our documentation, use cases, and real conversations with our team, is there to help with basic to intermediate questions in no time.

We're doing our best to make this transition smooth and hassle-free. After June 1st, this current support website will redirect you to the new "Contact Us" pages on our product sites.

Thanks for your continued support and trust – we’re excited to bring you an even better support experience!

Okay
  Public Ticket #2840653
Showing time slots without end tome
Closed

Comments

  • Sanna started the conversation
    August 3, 2021 at 11:42am

    Hi,

    Currently, users can see the free time slots in the booking calendar with a start time and end time, e.g. 12:00 - 13:00. 

    I am wondering whether it is somehow possible to only show the start time? (e.g. no end time)

    /Sanna

  • [deleted] replied
    August 4, 2021 at 2:06pm

    Hi Sanna

    Thank you for reaching out to us.

    Yes, you can hide the end time of a service using custom CSS.

    You can use this script to show only the starting times:
<script>
setInterval(function () {
 var elements = document.getElementsByClassName('el-radio-button__orig-radio');
 var appointment_times = document.getElementsByClassName('el-radio-button__inner');
 for (var i = 0; i < elements.length; i++) {
appointment_times[i].innerHTML = appointment_times[i].innerHTML.split(' - ')[0];
 }
}, 1000)
</script>

    Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways. 

    If you need help with adding custom CSS to the page, please take a look at this article.

    If you need help with adding custom JS to the page, please take a look at this article.

    If you have any other questions or concerns feel free to open a new ticket and we will gladly help out.