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.
Hello, I hope you are well. I have a problem with the code you sent me. Indeed, it causes display problems, for example, the slot of 11:00 am to a selection at 10:00 am, then when I validate the slot, it displays 11:00 am after the selection in the calendar ... Do you have a solution? Thanks for your help.
But on the front-end, you're using the "Catalog" booking form. As mentioned in my previous response, make sure you're editing the correct form by selecting the "Catalog" booking form first, and then select "Catalog Service" in the 2nd drop-down, like this:
Hello, I want to remove the end time of the time slot. Would you be where this is present in the code? Thanks
Hi Ghenam,
thank you for reaching out to us
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.
You are awesome! Many thanks
Hi Ghenam,
I'm glad to hear it worked
Please feel free to let me know if you need anything else!
Hello, I hope you are well. I have a problem with the code you sent me. Indeed, it causes display problems, for example, the slot of 11:00 am to a selection at 10:00 am, then when I validate the slot, it displays 11:00 am after the selection in the calendar ... Do you have a solution? Thanks for your help.
Screenshot
Hi Ghenam,
I am not sure I understand, can you please send me the link to your site so that I can see it?
Hello, i just add code bellow so sometimes work and sometimes no and its really frustrating becease i dont know why
https://septik.ffd.sk/objednavka/
some explain?
Thanks
Hello Filip.
This is a solution from one year ago, and it is obsolete.
You can now disable the end time visibility through Amelia/Customize:
You need to make sure you're editing the correct form, though, so make sure you're selecting the form you're using on your front-end in this menu:
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hello Aleksandar,
thanks but this solution also not work for me. And i really dont know why.
I admit that I did not notice this setting but know i disable end time and on frontend still showing end times.
Please check quickly.
Thanks.
Hi again Filip
You've edited the "Step-by-step" booking form:
But on the front-end, you're using the "Catalog" booking form. As mentioned in my previous response, make sure you're editing the correct form by selecting the "Catalog" booking form first, and then select "Catalog Service" in the 2nd drop-down, like this:
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables