Skip Navigation

[Resolved] Display a List of Posts on popup a Map Using elementor

This support ticket is created 2 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
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10: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/Kolkata (GMT+05:30)

This topic contains 2 replies, has 2 voices.

Last updated by Minesh 2 years, 9 months ago.

Assisted by: Minesh.

Author
Posts
#2300193
Schermata 2022-02-22 alle 18.23.27.png
Schermata 2022-02-22 alle 18.18.28.png

I'm trying to make a single address map popup in a post type view.
I looked in the documentation but can't find the solution.

An example of a site could be: hidden link

in the map column by clicking it opens a popup with the marker of the address of the post.
The site is hidden link
in the past Waqar had helped me and I also gave me access

#2300675

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Waqar is on vacation. I'll try to help you.

Do you mean before Map used to work with popup and now it stopped working?

Can you please share admin access details so I can check whats going wrong with your setup.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

#2301937

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

We do not have tight integration with Elementor and is limited at some extent.

Instead of using the Elementor popup button, we have to go with another alternative.

I've created the following content template:
- hidden link

<button type="button" class="elementor-button-link elementor-button elementor-size-xs" data-toggle="modal" data-target="#exampleModalLong-[wpv-post-id]"><span class="elementor-button-content-wrapper"><span class="elementor-button-icon elementor-align-icon-left"><i aria-hidden="true" class="fas fa-map-pin"></i></span><span class="elementor-button-text">Toolset Mappa</span></span></button>
<!-- Modal -->
<div class="modal fade" id="exampleModalLong-[wpv-post-id]" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      </div>
      <div class="modal-body">
       [wpv-map-render map_id="map-popup-[wpv-post-id]"][/wpv-map-render]
[wpv-map-marker map_id='map-popup-[wpv-post-id]' marker_id='marker-map-popup-[wpv-post-id]' marker_icon="//canaleopenday.it/1-test/wp-content/plugins/toolset-maps/resources/images/markers/School-2.png" marker_field='wpcf-mappa']<a href="[wpv-post-url]">[wpv-post-featured-image size="custom" width="200" height="100" crop="true"]</a>
<br><span class="highlight-font"><strong>[wpv-post-link]</strong></span>[/wpv-map-marker]

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      
      </div>
    </div>
  </div>
</div>

The above content template holds the popup button "Toolset Mappa" as well as the Map. Then I've added this content template to your elementor template:
=> hidden link

If you can see on frontend - I can see it working as expected without any issues:
- hidden link

Can you please try to use this alternative workaround and try to resolve your issue.