Add Custom Information to the Map Marker Popup

Adding custom information to the map marker popup is simple and allows for an easy way to display additional information about a listing without having to click through. 

Add the Custom Data

The first step is to pass the data we want to add to our listing result item. This can be done with the listify_listing_data filter. In this example I will display the date the listing was added.

Add the following code to your child theme’s functions.php file:

This code simply adds another item to the array of information passed to each listing item when it is output.

Modify the Marker Popup Template

Next we need to move the templates/tmpl-map-popup.php template file to the child theme so we can safely modify it. Copy it to listify-child/templates/tmpl-map-popup.php.

Once added to our child theme we can access the date_added key we created earlier. So our new template may look like:

Specifically lines 62-63 which use the Mustache template system to output the new item.

Note: Escaped HTML

The data is passed to each listing via HTML data attributes and therefore must not contain any unescaped HTML.

Customization

We are partnered with and highly recommend WP Curve (https://astoundify.com/go/wpcurve) Envato Studio (https://astoundify.com/go/envato-studio/) or Codeable (https://astoundify.com/go/codeable/) If you need help customizing your theme.

Was this article helpful?

Related Articles