How to make an image in object information pop-up a link

Ask the Community Customization
1

  • Issue description: is it possible to add a link to an image in object information pop-up of Google Maps plugin? So the guest intuitively clicks the image instead of looking for a clickable link below.

  • Link to the page with the widget in question: Copy of Search

Без названия
Без названия496×754 69.1 KB

1 Like
3

Hello @ImperoHouse and welcome to Elfsight Community :rocket: :heart:

I’ve forwarded your request to our devs and, hopefully, they’ll come up with a proper solution really soon. Please do not worry, I’ll keep you updated :wink:

6

Hello @ImperoHouse!

Thank you for waiting!

Our devs have found a proper solution for your use-case. You just need to add the code below right after the widget installation code:

<script>
  document.addEventListener('click', (e) => {
      const markerImage = e.target.closest('.eapps-google-maps-marker-image');
      if (markerImage) {
        const markerPopup = markerImage.closest('.eapps-google-maps-marker');
        const markerInfoLink = markerPopup.querySelector('.eapps-google-maps-marker-info-item-text > a')?.href;
        if (markerInfoLink) {
          window.open(markerInfoLink, '_blank');
        }
      }
  });
</script>
<style>
  .eapps-google-maps-marker-image img {
    cursor: pointer;
  }
</style>

Could you please check it and let me know if it helped?