[Resolved] Map not appearing in Elementor Single Template

[Author]

Posts

[marcM-3]

Tell us what you are trying to do?

I'm trying to display a map on an Elementor single post template.

Is there any documentation that you are following?

Yes.

https://toolset.com/course-lesson/using-toolset-with-elementor-page-builder/#Adding-Toolset-Custom-Fields

Following the instructions "Adding Toolset Custom Fields to an Elementor Template", from point number 08, I am not able to proceed because it doesn't appear the custom field.

In the section "Getting started" it also says:

"To use Elementor with Toolset, you must install: Toolset Types and Toolset Blocks".

But I haven't found the Toolset Blocks plugin anywhere.

What is the link to your site?

hidden link

[Christopher Amirian]

Hi there,

Please make sure that you have the latest version of Toolset plugins. If not, please update them:

https://toolset.com/faq/how-to-install-and-register-toolset/

After that, you can go to WordPress Dashboard > Plugins > Add New > Commercial (tab)

And make sure you have all the necessary Toolset plugins installed.

If you have the Views plugin it is the same as the blocks, but if you do not have that plugin you need to install it there.

Thanks.

[marcM-3]

Hi,

I've installed Toolset Blocks but automatically Toolset Views gets disabled and the same problem persist.

[Christopher Amirian]

Hi there,

The only other thing that I can suggest is this:

https://toolset.com/course-lesson/using-toolset-with-elementor-page-builder/#Limitations-when-using-Elementor

Other than that, we need to check your website and to do that please create a copy (staging) version of your website and get back to us with the login info.

Please make sure that you set the next reply as private. (Do not add the live website info as we will need troubleshooting and that might cause issues.)

Finally, we will need the name of the Elementor template and where you assigned it for to be able to check.

Thank you.

[Christopher Amirian]

Hi there,

I tried to connect to the admin but the wp-admin just shows a blank page.

The front end of the website shows:

"Sorry, we're doing some work on the site"

Maybe the admin section of the website is Geoblocked?

If that is the case, please whitelist Armenia.

Thanks.

[marcM-3]

Hi Christopher,

sorry, I didn't save the changes in the Geoblocked.

Now it is ok. 🙂

[marcM-3]

Hi Christopher,

I have whitelisted your IP.

[Christopher Amirian]

Hi there,

Thank you. I have access to the website and I see the issue that you are experiencing.

The problem is that the Google Maps widget does not have enough fields to create a Toolset enabled map.

The way to get around the issue is that you create the map in Toolset view with all the necessary options and then use the Views shortcode to show that map in the Elementor.

To add a map in the view you need to enable the legacy mode:

- Go to "Toolset > Settings > General".
- Find the "Editing experience" section.
- Check the "Show both the legacy and Blocks interface and let me choose which to use for each item I build" checkbox.
- Reload the browser page.
- Go to the newly added "Toolset > Views" menu.
- There you will be able to edit the views.

For more information:
https://toolset.com/course-lesson/enabling-legacy-version-of-toolset-views/

After that please follow the steps below to create a map inside that view:

https://toolset.com/documentation/legacy-features/maps-plugin/

You can learn more about the Toolset maps here:
https://toolset.com/documentation/programmer-reference/maps/maps-shortcodes/

Finally, you will be able to show the created view by adding the shortcode below to Elementor:
https://toolset.com/documentation/programmer-reference/views/views-shortcodes/#wpv-view

example: [wpv-view name="My amazing custom post list"]

Thanks.

[marcM-3]

Hi Christopher,

I haven't been able to solve the problem.

What I've done is:

1- I've created a View
2- I've put a filter on the view with "Select posts with the author the same as the current logged in user."
3- In the loop I've put a Field Map with no format
4- In the Template for this view it shows: [wpv-map-render]

I also have:

5- put a Shortcode Widget in the Elementor Single Template with the [wpv-view name="slug-of-the-view"] but nothing shows.

The website is a directory list for professionals.

How do I do for the map to show a single profesional area of work, with a market on it?

P.S. I'm trying to do the same as in

https://toolset.com/forums/topic/displaying-a-list-of-posts-on-a-map-with-elementor/

but in that ticket there is no solution to the problem explained.

[Christopher Amirian]

Hi there,

You need to add a Map and a Marker.

The Map itself should be outside of the Loop and inside the loop you need to add the markers.

I edited the "Vista del mapa individual del electricista" and added the Map shortcode just above the Loop, inside the Loop Editor:

[wpv-post-body view_template="plantilla-de-contenido-para-el-mapa-individual"][wpv-post-body view_template="loop-item-in-vista-del-mapa-individual-del-electricista"][wpv-layout-start]
	[wpv-items-found]
	<!-- wpv-loop-start -->	
	[wpv-map-render map_id="map-13"][/wpv-map-render]
	<wpv-loop>      	
		[wpv-post-body view_template="loop-item-in-vista-del-mapa-individual-del-electricista"]
	</wpv-loop>
	<!-- wpv-loop-end -->
	[/wpv-items-found]
	[wpv-no-items-found]
		<strong>[wpml-string context="wpv-views"]No se ha encontrado ninguna zona.[/wpml-string]</strong>
	[/wpv-no-items-found]
[wpv-layout-end]

Then scrolled down and added the Marker shortcode inside the template for the view:

[wpv-map-marker map_id='map-13' marker_id='marker-13' marker_field='wpcf-direccion'][/wpv-map-marker]

The map ID should be the same on both shortcodes.

I added the shortcode the shortcode of the view to a new page:

hidden link

And it worked, so the shortcode below should work on Elementor too:

[wpv-view name="vista-del-mapa-individual-del-electricista"]

Thanks.

[marcM-3]

Hi Christopher,

My issue is resolved now.

Thank you!