Sidebar Calendar Widget Navigation not Working

[stevencombes]

Hello Tribe Mates,

I have just done an out-of-the-box installation of the Events Calendar Plugin, and I’m having what looks to be Javascript / CSS issues. The sidebar event calendar plugin, which I installed via drag-and-drop, looks as such with the constant large spinning wheel, broken navigation, and little to no styling. http://organicwellnessnews.com/en/events/

Deactivating all of the plugins had no effect, but reverting to a default WordPress theme with all the plugins still activated solved all of my issues.

Any direction on how I might resolve this would be greatly appreciated.

Thanks in advance!

Steve

[Barry]

Ahoy Steve, thanks for getting in touch.

Looking at your site I can see something (probably your theme, based on what you’re telling us) is enqueuing a much older version of jQuery (1.7.2) than is required for The Events Calendar.

Since The Events Calendar requires WordPress 3.5 as a minimum it also expects the jQuery version to be at least 1.8.3.

Would it be possible for you to touch base with the theme author and enquire if it is indeed the theme that’s responsible for this and if it can safely use the shipped version of jQuery in place of its own?

Thanks!

[stevencombes]

Hi Barry,

Thanks for the info. I have updated the WordPress installation to 3.6.1 and the jQuery to 1.10.2, but my issues still persist.

Are you suggesting that the Theme is responsible for the issue? The theme is – Arthemia Premium found here: http://colorlabsproject.com/themes/arthemia-premium/

Thoughts?

Thanks for your help.

Steve

[Barry]

That was certainly a theory. I can see that you’ve updated jQuery – I do see other problems on a JS level though, like errors relating to custom-contact-forms/js/custom-contact-forms-datepicker.js, xing-share.com/js/external/share.js and js-banner-rotate/includes/jsrotate.js … so it’s possible that one or more conflicts are still present.

With your updated jQuery library in place are you in a position to repeat the basic troubleshooting steps a second time and see if you can identify any further conflicts?

Thanks!

[stevencombes]

So I’ve stopped loading the JS files that you noted, and that didn’t solve the issue.

Next, with the updated jQuery library in place, I repeated the troubleshooting steps. As before, deactivating all the plugins did not have an effect, but switching to a base Twenty Twelve theme displayed the calendar properly. With the base theme activated, and calendar showing properly, I proceeded to turn back on all the plugins, and the calendar continued to show properly.

I’m guessing this means that something in the Arthemia Premium theme is causing the problem, but what?

[Barry]

Hi Steve – right now if I visit your front page I can still see the mini calendar widget but it appears no JS whatsoever from The Events Calendar is being loaded (though our CSS is) … might that be the result of your troubleshooting activities above?

[stevencombes]

Hi again Barry. Thanks for your attention on this. A JS troubleshooting wizard I am not.

What I’ve done now, is reversed my troubleshooting noted in my last message, and I’ve deactivated all plugins, except the Events Calendar, and Events Calendar Pro. As you know, I’ve got the latest jQuery library and WP version running. It seems like this should be the most fundamental set-up to troubleshoot from now. Is the JS from The Events Calendar still not loading?!

I will leave the site plugins deactivated until you’ve had a chance to look at it.

[Barry]

Hi Steve – it seems not to be, unfortunately, at least not on your homepage – so it is pointing to perhaps some non-standard practices going on at theme level.

(Quick sidenote – I will probably be unable to check in and update this thread until working hours next week. Thanks for your patience!)

[stevencombes]

And thanks for you help, on a weekend no less! Is it ok for me to manually load all the required JS files? You know, stick the script code in the header? It’s not the ideal solution, but if it works, and if that seems to be an acceptable solution, what files should I be loading?

[Barry]

You could certainly give it a try 🙂

* events-calendar-pro/resources/widget-calendar.min.js
* events-calendar-pro/resources/widget-calendar.min.css
* events-calendar-pro/resources/widget-calendar-full.min.css
* events-calendar-pro/resources/tribe-events-pro-full.min.css

[stevencombes]

We’re making progress here. I’ve manually loaded the files you’ve indicated. As you can see, we’ve got CSS working, (though not as pretty as an out of the box working install). There doesn’t appear to be any JS errors until you try to navigate between the months. Once you try to nav back and forth between the months, the JS error appears, TribeMiniCalendar is not defined. Do I need to manually load more JS files to define TribeMiniCalendar?

[Barry]

Yeah that variable is normally populated with some inline Javascript (since it has to be generated dynamically) that looks like this:

var TribeMiniCalendar = {"ajaxurl":"http:\/\/events.dev\/stable\/wp-admin\/admin-ajax.php"};

Definitely try adding that within a <script> element and see if it cures the problem 🙂

[stevencombes]

Hi Barry. Naturally, the error is gone because the variable is defined, but there’s still no action when trying to navigate back and forth between the months. I’m out of ideas. *Sigh*

[Barry]

Hi Steve – it looks like jQuery is no longer being enqueued (and our scripts depend on it’s presence). I’m not exactly sure how you’re implementing these changes but I am a little concerned that it may be going down a slightly atypical track.

I think, regrettably, we’re going to have to bow out at this point 🙁

It’s unfortunate you can’t get this working with the theme (it’s a pretty unusual problem too, and I’m not sure I’ve seen reports of quite this situation before) and all I can really offer at this point is a list of experienced freelancers, should you need more support than we can offer for this one.

If of course it’s viable to switch to a different theme or even receive a push in the right direction from the theme author that would also be great.

[stevencombes]

Hi Barry,

Again, I really do appreciate all the support you’ve provided. It’s top notch and beyond what I’ve received from other theme / plugin developers, and thus I’ll leave you with this testimonial:

“The Events Calendar Pro plugin brought so much value to my client’s project, that I was willing to switch to a new WordPress theme, and skin it to look just like the old incompatible them.”

I would most certainly use this plugin in future projects and look forward to doing so with greater ease.

Cheers!

Steve

[Author]

Posts