Select among 2 appear effects; Property Map shortcode allows you to show the location of a single property or any location on one map.
Before displaying the property items in Property module, you need to create properties in the corresponding section of the admin panel. Check the Property management section of the knowledge base for more information.
There are a variety of options available with each Shortcode in ERE and are integrated smoothy with WP Bakery Page Builder plugin. These screenshots of this shortcode below are captured in Visual Composer platform. You can consult our online documentation for more details on how ERE shortcode workflow.
- Map style – select between 2 preset styles :
- Single Property – display the location of a single property on the map by entering property ID. After select this preset style, some options will be displayed:
- Marker Icon – upload or choose an image from media library.
- Property ID – enter the ID of the property you want to be displayed on map.
- Nomal – display any location is marked on the map by entering its Latitude & Longitude.
- Single Property – display the location of a single property on the map by entering property ID. After select this preset style, some options will be displayed:
- Map height (px or %) – set the height in px or percent for your map
- Extra class name – enter our own unique class name for the item – this is a useful option for those who want to create a specific style. E.g.: you can type custom-style class and then go to Theme options -> Custom CSS & Script -> Custom CSS field and write your own CSS code with this class to get your own style.
How to add Property Map shortcode on your archive page if your theme does not have WP Bakery Page Buider plugin.
Some themes may not install WP Bakery Page Builder (Visual Composer) plugin. Not to worry you are still able to add Property Map shortcode to your listing archive pages easily by using Add ERE Real Estate Shortcode button above of the editor.
Once shortcode options are setup, there are the shortcode parameters of Property Map will be shown on the editor. E.g:
[ere_property_map map_style=”property” icon=”” property_id=”” map_height=”500px” el_class=””]