JA Image Hotspot failing after update

wdburgdorf

Hello,

I just updated Image Hotspot to the latest version, 1.1.5. Now it fails on the whole page. There is a small empty popup when hovering over a spot for the first time. Second time or later nothing is happening at all.
I had some difficulties before the update, but now it fails completely.

Would you have an idea why that happens and how to fix it? There are no error messages in the console.

Thank you!

EDIT: I changed something in my CSS. Now the popups appear complete, but still only once.

saguaros

Hi wdburgdorf

Could you share screenshot of the part you're using JA Image Hotspot module with?

wdburgdorf

Hi Saguaros,

Thanks for your quick reply. This is one, the first on the page, but there are several others:
https://cl.ly/9f3e73590e5c

This is an old version of the same page, using an older version of Image Hotspot:
https://www.medizinmuseum.ch/

Here you can see how it is supposed to work.

I found that in the new version a few things have changed with the DOM, especially where hotspot classes are placed. It messed up my CSS, and I fixed that part by moving the classes back up to the <a ...>. This is not related to the single time popup issue, though, afaict, this occurs with or without my changes.

Regards,
Ralf

wdburgdorf

For a test, I switched to the default Protostar template. Now the default hotspot icons appear (I'm hiding these in my template). These icons disappear after I point at them once.

EDIT: Now I found that if I display one hotspot image on a separate page, it seems to work. So maybe it is a conflict on that page with several images?
See here, this is good: https://www.anatomiemuseum.ch/en/monster-soup
(Although I am still struggling with the changed html structure of the new version. I'm sure you had a good reason to change it ...)

saguaros

wdburgdorf

Try to backup your site and install this updated package

mod-jaimagehotspot.zip

907kB

Remember to backup your site first.

wdburgdorf

I had to shift the class a level up again, but now it works, thank you!

There's only two minor issues left as far as I see, not urgent, just to mention them:
- Sometimes single hotspots don't work, no popup. Identical to all other spots. And when I delete one that fails, another one will fail (always the next in line). My solution is to duplicate the failing spot and put it on top of the failing one
- When there is no description, the description area is still displayed in the popup.

Thanks again. I wonder why you offer this cool module for free, I'd be happy to pay for your continued work on it.

Cheers,
Ralf

saguaros

wdburgdorf - Sometimes single hotspots don't work, no popup. Identical to all other spots. And when I delete one that fails, another one will fail (always the next in line). My solution is to duplicate the failing spot and put it on top of the failing one
- When there is no description, the description area is still displayed in the popup.

So glad to hear that you love this extension!

Could you share screenshot of the spot that I can replicate the same issue on your site now? I will take a look.

wdburgdorf

Here is an example: https://cl.ly/68db30c389e7
Page https://www.anatomiemuseum.ch/de/medizinmuseum-home
There are two spots on number 11.

Module: "Image Hotspot - Fleisch, Eingeweide, Gefässe und Knochen"

Thanks!

saguaros

Hi wdburgdorf

I check this one: https://cl.ly/68db30c389e7 but the popup works fine at my end now, do you mean that with the marker that doesn't have description, the part on the popup should not show?

wdburgdorf

It's two things:
- On the frontend the popups seem to work, because the ones that don't work, I covered with a second one that works. I cannot delete the one that fails, because then another one will fail. Currently it's the one on #11 that has two hotspots on top of each other (see https://cl.ly/a0f270de31b1, to make it clearer)
- yes, empty descriptions should not appear. Now there is a thin line and a small blank area below. I see no easy way to remove this with CSS, because the popup html appears outside of the image section

saguaros

wdburgdorf

I will share with the team for further checking on this.