-
AuthorPosts
-
August 28, 2020 at 10:14 am #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,
SebastianSeptember 2, 2020 at 1:49 pm #1242805Hey 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,
IsmaelSeptember 3, 2020 at 10:33 am #1243049Hello 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.
SebastianSeptember 5, 2020 at 11:55 am #1243551Hi Sebastian,
Please have a look at this article:
Best regards,
VictoriaSeptember 5, 2020 at 11:55 am #1243552Hi Sebastian,
Please have a look at this article:
Best regards,
VictoriaSeptember 7, 2020 at 10:37 am #1243895Hi Victoria,
we’ve installed the Plugin Enable jQuery Migrate Helper according to the article but the error persists.
Best regards,
SebastianSeptember 9, 2020 at 6:17 am #1244553Hi,
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,
IsmaelSeptember 9, 2020 at 9:49 am #1244581Hi 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,
SebastianSeptember 11, 2020 at 2:09 pm #1245148Hi,
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,
IsmaelSeptember 14, 2020 at 8:28 am #1245672Hi,
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,
SebastianSeptember 14, 2020 at 8:14 pm #1245831Hi Sebastian,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.