We are using Beaverbuilder as our primary page builder. We are looking to insert a map that contains multiple markers on our contact page. I was using the support ticket here to create try and create the map but have had no success in making it appear:
https://toolset.com/forums/topic/using-toolset-maps-with-beaver-builder/
We have generated the map short code along with the marker but can't seem to figure out how to add the view or post loop which is what appears to be required. Using that shortcode for the loop in the example above does not work.
The website is currently on a staging environment but I have provided a screenshot of the shortcode we have generated so far.
Hello,
I assume we are talking about a custom post type, each post of the custom post type contains a custom address field.
You can follow our document to setup a post view with classic editor,
1) Dashboard-> Toolset-> Settings-> General, in section "Editing experience", enable option " Show both the legacy and Blocks interface and let me choose which to use for each item I build"
2) Dashboard-> Toolset-> Views, create a new post view:
- Query posts of your custom post type
- outside view's loop, display the map shortcode [wpv-map-render]:
https://toolset.com/documentation/programmer-reference/maps/maps-shortcodes/#wpv-map-render
- within view's loop, display the marker shortcode [wpv-map-marker]
https://toolset.com/documentation/programmer-reference/maps/maps-shortcodes/#wpv-map-marker
3) In the contact page, display above post view:
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-view
My issue is resolved now. Thank you!
Hello Luo,
I am now having issues with styling the pop-up. Again, from the instructions it is not really clear how to call the different fields to populate the marker pop-up. I have used the fields outlined in this support document: https://toolset.com/documentation/programmer-reference/maps/maps-shortcodes/#wpv-map-marker along with adding some additional calls to other wpcf fields but they are not appearing correctly. Can you please take a look at the screen shot I have attached to see what I might be missing or what the correct syntax is to do with the pop-up marker data.
I assume the original questions of this thread is resolved, according to our support policy, we prefer one ticket one question, for other new issues, please check the new thread here:
https://toolset.com/forums/topic/having-issues-with-styling-the-pop-up/