Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1241496

    Hi,
    we’re using the hotspot shortcode on our site. Unfortunately it’s not working properly.
    If you try to hover the hotspots they don’t react as expacted and don’t show the tooltips all the time.
    It seems like the hover radius is not exactly on the hotspot.
    The hover behavior is not as expected.
    Pls check the site: https://bembe.dev10.econsor-programming.de/
    You can finde the hotspot image near bottom of the page, where you see the greay map.

    Thanks in advance.
    Kinde Reagrds,
    Sebastian

    #1242805

    Hey emilconsor,

    Thank you for the inquiry.

    The site is not loading properly due to these jQuery errors.

    Uncaught ReferenceError: jQuery is not defined
        <anonymous> https://bembe.dev10.econsor-programming.de/wp-content/themes/enfold/config-wpml/wpml-mod.js:27 wpml-mod.js:27:1
        <anonymous> https://bembe.dev10.econsor-programming.de/wp-content/themes/enfold/config-wpml/wpml-mod.js:27
    

    Please try to update the theme to version 4.7.6.3, then toggle or temporarily disable the Enfold > Performance > File Compression settings.

    Best regards,
    Ismael

    #1243049

    Hello Ismael,

    we’ve updated the theme to version 4.7.6.3 and deactivated all file compression setting but the error still seems to appear.
    https://bembe.dev10.econsor-programming.de/
    Here you can check the site again.
    Is there any other solution for this problem.

    Thanks in advance.
    Sebastian

    #1243551

    Hi Sebastian,

    Please have a look at this article:

    Best regards,
    Victoria

    #1243552

    Hi Sebastian,

    Please have a look at this article:

    Best regards,
    Victoria

    #1243895

    Hi Victoria,

    we’ve installed the Plugin Enable jQuery Migrate Helper according to the article but the error persists.

    Best regards,
    Sebastian

    #1244553

    Hi,

    Looks like the hotspot element is working properly now — the tooltip shows up when hovering. However, you may need to increase the size of the image or create more space for it to accommodate that number of hotspots.

    Best regards,
    Ismael

    #1244581

    Hi Ismael,

    it actually works again
    Thank you.

    But we found another problem with the hotspot.
    on mobile, all the hotspots are put in a list under the map.
    Is there are the reason why the links from the individual hotspots don’t work in the list?

    Best regards,
    Sebastian

    #1245148

    Hi,

    The list is created as a replacement for the tooltip because hover state doesn’t exist on touch devices. Users can still access the links by clicking on the actual hotspot but since the styling is set to blank and not numbered hotspots, users might not know which hotspot is which. You may need to set the Styling > Hotspot Styling back to “Numbered Hotspots”.

    We could also use this css code to display the numbers back only on mobile view.

    @media only screen and (max-width: 767px) {
        .av-hotspot-container .av-image-hotspot_inner:hover, .av-hotspot-container .av-image-hotspot_inner {
    	color: #ffffff;
        }
    }

    Thank you for your patience.

    Best regards,
    Ismael

    #1245672

    Hi,

    it was the pulse element which overlayed nearby hotspots and let the hover work incorrect. We just hided them so they cant effect the hover anymore.
    That fixed the problem.

    Thanks for the support.

    Best Regards,
    Sebastian

    #1245831

    Hi Sebastian,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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