Skip Navigation

[Resolved] Style the popup text when clicking on each marker

This thread is resolved. Here is a description of the problem and solution.

Problem:

I am now trying to style the popup text when clicking on each marker. How would I go about adding html tags to this shortcode in the content template so that each popup looks like the following?

Solution:

You can use marker shortcode to wrap those shortcodes you mentioned above, for example:

https://toolset.com/forums/topic/style-the-popup-text-when-clicking-on-each-marker/#post-2022869

Relevant Documentation:

https://toolset.com/documentation/programmer-reference/maps/maps-shortcodes/#wpv-map-marker

This support ticket is created 3 years, 7 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 3 replies, has 2 voices.

Last updated by jeremyP-3 3 years, 7 months ago.

Assisted by: Luo Yang.

Author
Posts
#2022839

One more thing:

I am now trying to style the popup text when clicking on each marker. How would I go about adding html tags to this shortcode in the content template so that each popup looks like the following?

<h1>[types field='location-name'][/types]</h1>
<p>[types field='location-address'][/types]</p>

#2022869

Hello,

You can use marker shortcode to wrap those shortcodes you mentioned above, for example:

[wpv-map-marker ...]This is the content of the marker popup. <h1>[types field='location-name'][/types]</h1>
<p>[types field='location-address'][/types]</p>[/wpv-map-marker]

More help:
https://toolset.com/documentation/programmer-reference/maps/maps-shortcodes/#wpv-map-marker

#2023401
Map.JPG

This is what I am getting when I try that... The HTML tags aren't being recognized...

#2023413

Nevermind. Looks like my content template was using a paragraph block instead of a shortcode block for that marker code! Thanks for your help!