Custom InfoWindow

[animaag]

Hello,

I read though a couple of topics about custom infowindows where you said that it is near impossible to implement custom infowindows to the map. The topics were a couple of years old. I am wondering have you made any changes to your code to support custom infowindows now?

Regards,
Liz

[Dylan]

Hi Liz,

Thank you for getting in touch, we really appreciate it.

We do support custom infowindows at the moment, however those infowindows do not support custom field types. Meaning you have access to the following:

-Title
-Address
-Description
-Image
-Marker Icon
-Link
-Animation

The description field does however support basic HTML tags, meaning you can add images, and styling to text inside the description area.

I hope this helps?

[animaag]

Hello,

Thank you for your prompt reply!

This is good news! I would like to use Modern InfoWindow on one map and a custom infowindow on the second one. Is this possible with the help of CSS class attribute?

[Dylan]

Hi Liz,

Only a pleasure, happy to help.

Yes this can be set for each map by going to the map editor -> clicking on the tab labelled ‘Advanced Settings’ and selecting your ‘Infowindow Style’.

I hope this helps?

[animaag]

Thank you! It helps 🙂

[Dylan]

Hi Liz,

Only a pleasure.

Have a great day!

[OceanWind181]

Two questions:

1) Can I develop my own custom info window template?

2) Is it possible to target an area outside of the map so that I can display a much larger and more spacious version of the info window and not have it obscure parts of the map?

Thanks,

Bill

[Dylan]

Hi Bill,

Thank you so much for your time on this one.

Please find my responses below:
1. Unfortunately this is not currently supported. However the modern info-window does make use of CSS classes, which can be targeted using custom CSS, and allows for quite extensive customization.
2. This is not supported by default, but could be achieved with some styling changes, and possible some extensive structural changes.

I hope this helps?

[jamesthebrit]

Hi there Dylan,

I see I can add change the CSS of the info windows depending on what I use. Though I am trying to change the CSS styling for each individual info window. I can use the Page ID function to keep the CSS within the page that contains the particular map. Though individual styling past that for each window I am struggling with.

Is there any way to add custom css id’s to the entire marker rather than only the HTML I can control within the description box?

[Dylan]

Hi there,

Thank you so much for your time on this one.

Unfortunately the info-window is only generated once, and the content is replaced dynamically. This allows our resource load to become slightly reduces, and means we do not clutter the DOM with additional container.

Therefore, you could style it based on a page id or a map container id such as #wpgmza_map_2 for your 2nd maps container. However you would not be able to style specific info window for each marker.

I hope this helps clear things up a bit?

[Author]

Posts