Map not showing on homepage
-
Hi,
I’m successfully using the [tsmap track=1] shortcode on our about-us page. However, I can’t get it to work on our homepage.Our about-us page is here (works!):
https://www.trekkingtheplanet.com/about-usOur home page is here (doesn’t work):
https://www.trekkingtheplanet.com/Looking at the view source on the home page, I see the <div> tag, but there’s nothing in it. Here’s what it says:
<p><div id=”tsmap_1″ style=”width: 100%; height: 480px; max-width: 100%”></div><br />Again, it’s just an empty div with nothing in it.
NOTE: I added [tsscripts] right before my [tsmap track=1] tag, but that didn’t work.
Any thoughts on changes I need to make?
As requested, here is the information you requested.
– PHP version – 5.4
– WordPress version – 4.7.2
– Plugin version – 2.3
– Operating System – Linux
– Webserver – nginx/1.10.2Thanks,
Darren
-
Hello Darren,
I had a look at your website. The map is not showing on the homepage, because the necessary JavaScript and CSS aren’t included in the page. The div is supposed to be empty; it is filled with the map content by Leaflet’s JavaScript.
If the JavaScript and CSS aren’t loaded in the page, it is most likely that the shortcode detection is failing, and indeed that is why the ‘tsscripts’ shortcode was invented. Is that shortcode included in the page at this time?
The only way I have seen so far that the shortcode detection fails, is when a WP plugin changes the main WordPress query, for example if a plugin assembles a page or post from different other pages and posts. Most likely an incompatibility with another plugin. Does your homepage utilize a plugin that possibly changes the WP query?
Let me try to clarify what is means, just in case.
If you request a page from WordPress, for example your homepage, WordPress constructs an internal ‘query’, to determine what content to display. Usually this is one or more pages or posts (in case of a homepage, it’s usually multiple posts). Trackserver uses this query to inspect all the content and see if the ‘tsmap’ shortcode is used, and only loads JS and CSS if that is the case.
Now, it is possible for a page or post to change the WP query (or do a sort of subquery) to gather other content, usually as the result of another shortcode. Trackserver does not (and cannot) know this, so if the post or page that contains the ‘tsmap’ is actually included in the content by means of another shortcode, shortcode detection fails and the map is not displayed.
The way the ‘tsscripts’ shortcode is meant to work, is to include it in the outermost page or post, i.e. the page that is actually present in the main WP query, regardless of other plugins or shortcodes.
Of course I don’t know how your homepage is constructed, but it shoud be possible to include ‘tsscripts’ in the main page and Trackserver should work. Please let me know if you need further help, and of course I’d be interested if this solved your problem.
Best regards,
Martijn.By the way, the ‘tsscripts’ shortcode doesn’t actually do anything, except that it’s another shortcode that the plugin tries to detect, so it’s useless to include it in the same content as the ‘tsmap’ shortcode. It is meant to be used with plugins like this one, so you can force the shortcode detection on the highest level of the content.
Moreover, since version 2.0, Trackserver has a different fallback mechanism to ensure that JavaScript and CSS are loaded when necessary, that SHOULD work 100% of the time, because it uses the actual shortcode handler to queue the scripts and CSS to be loaded in the footer of the page.
This clearly does not happen on your homepage, even though the shortcode itself is evaluated just fine. This leaves only two ways I can think of why it doesn’t work:
1) your homepage template/theme doesn’t call
wp_footer()
2) your template overrides wp_footer() and doesn’t includedo_action( 'wp_footer' );But since your homepage does have a
<div id="footer">, I’m not quite sure what to make of it.Regards,
Martijn.Hello Adaptiman,
This is most likely different problem. In the source of your homepage, I see the following appear from the Trackserver plugin:
var trackserver_mapdata = [{"div_id":"tsmap_1","tracks":[] ....The ‘tracks’ array is empty, meaning that Trackserver doesn’t think that ‘id=3’ is a valid track on that particular page. Could it be that the Author (in WP terms) of your homepage is not a WP administrator or editor and that the track (id=3) is owned by a different user?
Only administrators and editors are allowed to publish other people’s tracks in their posts and pages.
Best regards,
Martijn.Hmm. The homepage is a custom homepage that is edited with widgets that came with the theme and I don’t think it is “owned” by anyone, since it’s technically not a page. Is there a workaround? I could make another page the “homepage” of the site, but wouldn’t have the nifty features of the theme I paid for.
Is there a way to disable author checking?
- The topic ‘Map not showing on homepage’ is closed to new replies.
