Map and goggle link does not appear in event

[Bill]

SInce ECP 2.0.1 I have noticed that when I check the google map box in an event, when I publish the map does not appear, just a big white space. When nothing is checked the bottom area of the vent appears normally.

See http://www.halfwaytoconcord.com

[Rob]

Hey Bill. Thanks for the note. I’m seeing this on your site too; assuming for entries like this (http://www.halfwaytoconcord.com/event/senator-desaulnier-leads-public-safety-realignment-forum) there is supposed to be a map in that white space? Does this also happen in free, or both PRO and free?

One thing I’ll suggest…have you changed the embedded calendar display settings under Settings –> The Events Calendar? Is it possible it’s been made so small that it’s just not showing? Let me know if that’s not the case and I can get a dev to take a look.

[Bill]

Rob, I have pro and ec both, did not know I could check one or the other. I will play with that. I have settings to 400 px height and 80% width.

I am also curious how one could add the map on left of that whitespace in 300×300 box and wrap description. instead of stacking it. And if stacking is only option I’d rather have map at bottom instead of in between details and description

[Rob]

Thanks for the update, Bill. Let me know about the first item and whether there’s any difference, and I can keep checking this out from there.

As for #2: that’s a good question. I can get our developer Jonah to take a look and offer up any suggestions he may have. Expect a response on that sometime tomorrow when he hits the forum.

[Jonah]

Hi Bill,

There are a few ways you can re-arrange where your map appears on single events. It’s going to be a combination of modifying the template files and possibly a little CSS to get things just right.

First, create an ‘events’ folder within your theme. This will allow you to override any of the Events Calendar template views as well as the default events.css stylesheet.

Next, go to plugins/the-events-calendar/views and you’ll see all the template views available for the plugin (there’s also more for Pro in Pro’s plugin folder). To override the single event view, take plugins/the-events-calendar/views/single.php and duplicate the file in your ‘events’ folder you created in your theme. You can copy/paste or duplicate the file and move it, however you prefer.

Then open up single.php and look for:

if( tribe_embed_google_map( get_the_ID() ) ) :
if( tribe_address_exists( get_the_ID() ) ) { echo tribe_get_embedded_map(); }
endif;


That’s the call for the map. You can take that whole chunk and move it wherever you like. You could also wrap it in an extra div if you wanted, i.e.:

if( tribe_embed_google_map( get_the_ID() ) ) :
if( tribe_address_exists( get_the_ID() ) ) { echo tribe_get_embedded_map(); }
endif;

And then style it via:

#my-map-div {
float: left;
width: 300px;
}


…for example.

However, you don’t need to add your own div, I’m just trying to highlight different solutions. The map is already wrapped in it’s own div ‘googlemaps’. So you can target it with:

#googlemaps {
float: left;
width: 300px;
}


You can also override the default events.css stylesheet to modify existing styles and/or add your own (you can also add styles to your own stylesheet). Just place a copy of events.css in your ‘events’ folder and the plugin will use that version instead…

As for the specific CSS, you’ll need to have a bit of knowledge to know how to get things in just the right position but this should give you a good start.

Let us know if you have any other questions.

Regards,
Jonah

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts