Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 20, 2021 at 11:46 pm #1321698
    jaimemerz

    Hi there,

    We are using an image with a lot of hot spots for a school campus map. We have set the tooltip to always appear under the image on mobile, but because we have so many hot spots the page is really long to see all tooltips. Is there a way to make the hot spots jump-to links on Moble?

    September 22, 2021 at 5:08 am #1321844
    Ismael

    Hey jaimemerz,

    Thank you for the inquiry.

    You can add the following script in the functions.php file to make the document scroll to the position of the fallback tooltip when a corresponding hotspot is clicked.

    add_action("wp_footer", function() {
?>
<script>
(function($) {
    $(".av-image-hotspot").on("click", function() {
        var number = $(this)[0].classList[2];

        $('html, body').animate({
            scrollTop: $(".av-hotspot-fallback-tooltip." + number).offset().top
        }, 500);
    });
})(jQuery);
</script>
<?php
}, 999);

    Please make sure to copy the code directly from the forum. Let us know how it goes.

    Best regards,
    Ismael

    September 23, 2021 at 8:42 pm #1322074
    jaimemerz

    This worked like a charm! Thank you!!

    September 24, 2021 at 12:05 pm #1322191
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.