Skip Navigation

[Resolved] clicking on a marker open a pop-up (iframe? infowindow ?) to display small video

This support ticket is created 4 years, 7 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
9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 - - 9: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: Africa/Casablanca (GMT+01:00)

This topic contains 6 replies, has 2 voices.

Last updated by fredericP 4 years, 7 months ago.

Assisted by: Jamal.

Author
Posts
#1588623

Tell us what you are trying to do?
I want the user to click or roll-over on a marker on a map, then it opens a pop-up (iframe or "info window") with related content.
The content should be small video.

Is there any documentation that you are following?
I follow the toolset map documentation, but I do see any related content to my need.

Is there a similar example that we can see?
On any Google Map, when you click on a marker, you get an info window.

What is the link to your site?
In dev. So any tech suggestion is welcome. 😉

#1588931

Hello and thank you for contacting the Toolset support.

When you create a Map to display posts, it creates a content template that holds the marker popup content. You can customize the content template to include your video.
If the video is stored in a custom field, you can add it with the "Fields and Views" button.

I hope this helps. Let me know if you have any doubts.

#1589081

Ok, I understood.
I have created a content template that loads a Toolset video block.
Then I have created a page with a Map.
I select in the right menu the pop-up content for the infowindow.
I choose the content template.
It writes some code in the window that pops up and then freeze.
I've tested with Safari and Chrome, the browser freezes until a message box from chrome said the page was freezing.
I am not able to explain the problem but the bug (if it is one) is reproductible.

The map is a microsoft map (I don't know if it is important).

#1589431

Would you allow me temporary access to your admin to take a closer look? Your next reply will be private to let you share credentials safely. ** Make a database backup before sharing credentials. **

Please specify which views are you working on, and which page/url are testing with it, so I won't have to search for them, and also to avoid that I will take time on, maybe, an unrelated view.

#1589723

Hello Frédéric,

Before suggesting the solution, it is important to explain some Toolset glossary https://toolset.com/glossary/
- A View lets you load posts from the database and display them as a list. https://toolset.com/glossary/view/
- A content template lets you display single posts. We can assign a content template to one or multiple post types, or we can use it without assigning it to any post type. When can only assign ONE content template for a post type, it will be used on the single post page usually at /custom-post-type-slug/post-slug. When not assigned we can include it on another view or content template, or include it using a shortcode.

Regarding your use case(Surf the windows page), you are using a map block and adding one marker manually. Without using a view. You have also created a content template and assigned it to Videos, we cannot use this template for the marker, we need to use an unassigned template. Usually, it is created automatically, when adding the map to the view.

Here what I suggest:
- Edit your page and remove the map.
- Insert a view block, and create a view, which will display "Videos" post type.
- Adit your map block. Remove any markers, add a new marker and choose the view in "Source of the marker->View block".
- Edit the content popup info and insert Views shortcodes to display what you need https://toolset.com/documentation/user-guides/views/views-shortcodes/

I created a test at this page hidden link
It works for me on the backend with Google Maps and it does not display the popup content on the frontend with Microsoft maps.
I am not sure why is this not working, maybe it is still a limitation within Toolset Blocks.

Please note that currently, you are using, exclusively Blocks. I must confess that Blocks are still limited compared to views. If you would like to check the legacy views editor. Go to Toolset->Settings->General and choose to display both editors. This will add the menu Toolset->Views and allow you to create Views and Content Templates with the legacy editor.

Would you like to try on another page, using the legacy editor as explained in this article https://toolset.com/documentation/user-guides/maps/display-on-google-maps/

Let me know what you will get.

#1589877

Thanks for your answer : I can move forward.
I have seen the legacy editor: it seems everything becomes shortcodes.
I believe it should be more powerful: I will dig into it for version 2 of the website.

#1589879

My issue is resolved now. Thank you!