Losing Mouseover on Calendar Displayed on Home/Front Page

[Amanda]

Hi there,
First of all, thanks for such an awesome, powerful plugin and great documentation! I’ve been trying to work through this myself with the documentation and other online support, but haven’t been able to get it just yet.

I’m using a twentytwelve child theme with minimal customization.

I have the calendar displayed on the home/front page in month view per Cynthia’s forum solution here: https://tri.be/support/forums/topic/lost-display-of-calendar-on-home-page-after-update-to-3-0-1/

It seems I’m not getting all of the styles and javascript since I don’t have a mouseover popup on events in the calendar and I don’t have the usual padding around the event name in the calendar grid. (I’m using the Tribe Events Styles option.) I can see via Firebug that the tooltip div “display:none” doesn’t swap to “display:block” on hover.

I know this is a bit of a custom execution putting the calendar on the home page, so I appreciate any help! Thanks!

[Kyle]

Hi Amanda,

Thank you for the kind words, but more importantly, thank you for patience as we are experiencing the higher rate of support questions that comes along with a launch such as this.

This is a peculiar problem as it seems as if our tribe-events.js just isn’t being loaded. Would you mind providing me with login details to your site so I can take a look? alternatively, you could provide a zip of your theme that I can install locally and test myself. Please remember to mark your answer private if you provide any information like this.

Cheers,
Kyle

[Amanda]

This reply is private.

[Kyle]

This reply is private.

[Amanda]

Hi Kyle,
Any new info on this issue? Thanks!

[Kyle]

Hi Amanda,

Apologies for letting this slip through the cracks – could you update the core and pro versions of the plugin and let me know when you have done so?

Cheers,
Kyle

[Amanda]

Hi again! I’ve got the plugins all up to date. Mind taking another look? Thanks!

[Kyle]

Hi Amanda,

Let’s try this in your functions.php in place of what you put there previously:

function enqueue_month_view_scripts() {
if ( is_front_page() || is_home() ) {
Tribe_Template_Factory::asset_package('bootstrap-datepicker');
Tribe_Template_Factory::asset_package('ajax-calendar');
Tribe_Template_Factory::asset_package('events-css');
Tribe_Template_Factory::asset_package('calendar-script');

}
}
add_action(‘wp_enqueue_scripts’, ‘enqueue_month_view_scripts’);

Secondly, where you modified your page.php to include the month view, let’s modify to this: http://pastebin.com/PUgVT4e9

The operative change here is wrapping it in the div #tribe-events

These 2 changes gave me tooltips on the home page on my local install. Let me know these changes solve things for you!

Cheers,
Kyle

[Amanda]

That was able to get my tooltips to display, but there was no link on the event title and the tooltip would display directly over the calendar day. So the user couldn’t really get to the event this way.

[Kyle]

Hi Amanda,

Could you zip up your child theme and upload so I can test the full thing? Hopefully with a bit of css, I can prevent the tooltips from displaying directly over the calendar day.

Cheers,
Kyle

[Amanda]

Hi Kyle,
I’d be glad to do that. Where should I upload the zip?
Thanks,
Amanda

[Kyle]

Hi Amanda,
A filesharing app like Droplr would do the trick quite nicely! https://droplr.com/hello
Upload, and paste the link here. Be sure to set your reply as private if you want to prevent others from seeing the link.

Cheers,
Kyle

[Amanda]

This reply is private.

[Kyle]

Hi Amanda,

I added some css that should bump up the tooltips for you. I also re-implemented the changes I had suggested earlier to get the tooltips in the first place. -link to theme removed-

Cheers,

Kyle

[Amanda]

This reply is private.

[Author]

Posts