Skip Navigation

[Resolved] Different markers for the posts that have a word inside a custom field

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

Problem: I would like to display different icons in a map marker based on the value of a custom field.

Solution: You can use conditional HTML to test the value of a custom field, then display different markers depending on that conditional. A basic example:

[wpv-conditional if="( $(wpcf-tipo_descripcion) eq 'ECOLE')"]
  [wpv-map-marker map_id='map-1' marker_id='marker-[wpv-post-id]' marker_icon='/path/to/your/school/image.png'][/wpv-map-marker]
[/wpv-conditional]
[wpv-conditional if="( $(wpcf-tipo_descripcion) ne 'ECOLE')"]
  [wpv-map-marker map_id='map-1' marker_id='marker-[wpv-post-id]' marker_icon='/path/to/your/other/image.png'][/wpv-map-marker]
[/wpv-conditional]

Relevant Documentation:
https://toolset.com/documentation/user-guides/conditional-html-output-in-views/
https://toolset.com/documentation/user-guides/display-on-google-maps/displaying-markers-on-google-maps/

This support ticket is created 5 years, 9 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
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 2 replies, has 2 voices.

Last updated by Mario Hernandez 5 years, 9 months ago.

Assisted by: Christian Cox.

Author
Posts
#1190632

Hi!

I need to differentiate the schools from the professional members in a map here: hidden link

The schools have the term "ECOLE" in the custom field "wpcf-tipo_descripcion".

And the specific marker image is on hidden link

I need all the other markers to be the default one (hidden link).

How can I achieve this within the markers loop?

Thank you!

Mario

#1190733

Hi, you can use conditional HTML to test the value of a custom field, then display different markers depending on that conditional. A basic example:

[wpv-conditional if="( $(wpcf-tipo_descripcion) eq 'ECOLE')"]
  [wpv-map-marker map_id='map-1' marker_id='marker-[wpv-post-id]' marker_icon='/path/to/your/school/image.png'][/wpv-map-marker]
[/wpv-conditional]
[wpv-conditional if="( $(wpcf-tipo_descripcion) ne 'ECOLE')"]
  [wpv-map-marker map_id='map-1' marker_id='marker-[wpv-post-id]' marker_icon='/path/to/your/other/image.png'][/wpv-map-marker]
[/wpv-conditional]

More information about conditional HTML:
https://toolset.com/documentation/user-guides/conditional-html-output-in-views/

More information about displaying map markers:
https://toolset.com/documentation/user-guides/display-on-google-maps/displaying-markers-on-google-maps/

#1190786

The issue is resolved now. Thank you Christian!