Skip Navigation

[Resolved] Map not appearing in Elementor Single Template

This thread is resolved. Here is a description of the problem and solution.

Problem:

How to have the Map Custom search in Elementor?

Solution:

You will need to enable the legacy Toolset Views.

Add the map custom search in classic view.

Use the Toolset Views widget in Elementor to add the view.

Check the documentation for each step:

https://toolset.com/forums/topic/map-not-appearing-in-elementor-single-template/#post-2514535

Relevant Documentation:

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

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

https://toolset.com/documentation/programmer-reference/maps/maps-shortcodes/

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.

This topic contains 10 replies, has 2 voices.

Last updated by marcM-3 1 year, 4 months ago.

Assisted by: Christopher Amirian.

Author
Posts
#2509767

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

#2510321

Christopher Amirian
Supporter

Languages: English (English )

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.

#2510887

Hi,

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

#2511009

Christopher Amirian
Supporter

Languages: English (English )

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.

#2511465

Christopher Amirian
Supporter

Languages: English (English )

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.

#2511729

Hi Christopher,

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

Now it is ok. 🙂

#2513765

Hi Christopher,

I have whitelisted your IP.

#2514535

Christopher Amirian
Supporter

Languages: English (English )

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.

#2514789

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.

#2518063

Christopher Amirian
Supporter

Languages: English (English )

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.

#2518665

Hi Christopher,

My issue is resolved now.

Thank you!

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.