Okay
  Public Ticket #2758701
Catalogue View Misbehaving
Closed

Comments

  • Ahmad Abdullahi Ahmad started the conversation

    Catalogue view on the frontend is misbehaving. When a user click on a particular service it anchors the page downward (so bad for UX). user has to scroll up again to view the next process. we think it might be a bug! please endeavor to look through it as soon as possible. it happens when you have above three services. 

  • [deleted] replied

    Hi, Ahmad!

    Sorry for the delayed response, we don't work on weekends.

    What are the page builder and the theme that you use on your site?

    If you use SG Optimizer on your site by any chance, please exclude pages with Amelia from its settings.

    Looking forward to hearing from you. 

  • Ahmad Abdullahi Ahmad replied

    We are using Elementor

  • [deleted] replied

    Hi, Ahmad!

    Could you please send the URL of the page where it happens? It will be even better if you attach a video of you re-creating the issue.

    I see your site has a quite complicated configuration, some pages have multiple Amelia calendars on them (or at least it seems like that - https://bookeyy.com/health-care/).

    Also, please clarify if you added any custom CSS/HTML to your site.

    Best Regards.


  • Ahmad Abdullahi Ahmad replied

    It happens when you have many Services under single category. Find attached the copy of the video

  • [deleted] replied

    Ahmad,

    Thank you for the video. I will forward your case to our developers for further investigation.

    Best Regards. 

  • Ahmad Abdullahi Ahmad replied

    Okay, looking forward to hearing from you.

  • [deleted] replied

    Hi, Ahmad!

    It turned out that the page stays in the same place, and since the "Congratulations" page contains less space than the previous screen, it's not in the view straight away. 

    You will have to add a script to scroll the form to the view. 

    Please try this one, it should work:

    <script>
    window.beforeBookingLoaded = function () {
    document.getElementById('am-service-booking').scrollIntoView({behavior: 'smooth', block: 'start', inline: 'nearest'});
    }
    </script>

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

    Best Regards.