Next/Prev events buttons won't load

[Nathan]

I’m trying to get an Events calendar setup for a client, but it seems to be clashing with some of my plugins & possibly the theme.

Calendar is here:
http://angusnz.com/wordpress/events/month/

Whenever I click the ‘next/prev’ buttons in any ‘view’ mode it just fails to load (infinite circle spinning). I’ve narrowed much of the problem down to my “ninja forms” plugin. When I disable this the next/prev buttons in “month” view will work, but are still broken in other view modes – hence I think it must be a larger problem with JS or something like that.

Can anyone please tell me what I need to fix? I have decent PHP knowledge but I’m clueless with JS.

[George]

Hey @Nathan,

Sorry to hear about this! Ninja Forms is a very popular–and very awesome–WordPress plugin, so if there is a bug I will make a bug ticket so that we can fix the issue.

I checked out your site and found a JavaScript error related to Google Maps being loaded on the page; I cannot pin the source of this down and cannot recreate it on my own test site, so to help investigate a bit more closely, can you elaborate on how you came to think of Ninja Forms as the culprit?

Thanks,
Nathan

[Nathan]

I’ve tried disabling all other plugins (except “cherry plugin”, which is required for my theme to work) but it still will not load e.g. in any view mode except “month” the next/prev buttons don’t work. Ninja Forms seems to be at least part of the culprit as not even the “month” view next/prev buttons will work when this is activated. I’ll leave the Ninja Form plugin deactivated until tomorrow so you can see what I mean.

Weirdly the plugin used to work fine for me, but has since developed this problem. Although I haven’t done much to the child theme’s code beyond CSS edits, adding custom page templates (incl some with MySQL database tables), a few functions.php edits (relating to Woocommerce plugin only) and a couple of minor overrides to the event calendar CSS & two of it’s page templates (default-template.php & single-event.php). I also use a custom calendar page template (called calendar-page.php), which I’ve set under the Display settings in the plugin options.

HOWEVER I have since tried removing all of the above alterations with no success – it still won’t load properly.

As for Google Maps, I’m not sure where that issue would come from. I don’t have any Google Maps loading on that page, the only thing I could think of would be the maps inside the individual events (i.e. the “Venue” map – see example) http://angusnz.com/wordpress/event/nz-beef-expo/2016-05-16/).

Not sure where to go from here, I could just use the Month view for now, but then I’d have to remove Ninja Forms (which I can’t really do as I’ve already setup several forms with it).

EDIT: I actually noticed that one of my other plugins (motopress) also won’t load whilst Ninja Forms is active – I think I may need to report it to them instead.

• This reply was modified 10 years, 2 months ago by Nathan. Reason: added note about motopress & ninja forms

[George]

Hey @Nathan,

Thank you for the detailed write-up here of your testing process thus far.

I know how much of a pain it can be to do this, but I would strongly suggest trying a very definitive test here to truly rule out or reveal a code conflict:

• Activate a default theme like Twenty Sixteen, Twenty Fourteen, etc. on your site. No child themes or anything; just a default theme. This will not erase any content or site data (at most, you may have to drag some widgets back into place in your wp-admin “Widgets” page).
• Deactivate every single plugin on your site so that literally the only two plugins running are The Events Calendar and Events Calendar Pro.
• Once your site is in this state, how do things behave?

Are these tests something you’re able to do? If so, what do you find?

I have been unable to pin down the source of the template issues with prev/next navigation, which I’m sorry about—the above tests are the only step I can think of that could potentially reveal useful information about this bug at this point.

Let me know what you think, Nathan. I’m sorry for the trouble here and sincerely appreciate your patience with all of this.

— George

[Nathan]

Ok I’ve done that and it seems to function correctly with a different theme, even with all plugins activated. It must be a theme conflict, either the Events Calendar and Motopress don’t like my theme or my theme doesn’t like them. I’ll see if I can remove parts of it again until it works. It is very frustrating as the project is almost a month overdue, largely because of my theme – which has proven to be the worst premium theme I’ve ever brought.

[George]

Hey Nathan,

I’m really sorry to hear about the troubles that have been caused by that theme! It definitely sounds like that is the main source of issues here and I would personally recommend replacing it. These are some recommended places to get high-quality, well-coded themes:

• http://wordpress.org/themes [yes, the free wordpress.org themes!]
• http://arraythemes.com
• http://woothemes.com

I would recommend avoiding marketplace sites like ThemeForest or similar ones. They have some great items! But it’s quite hit-or-miss, so I would recommend against it.

There’s not much we can do about theme conflicts, unfortunately, because we don’t know theme code and whatnot, but I hope my recommendations for different themes are helpful.

Please let me know if there’s anything else I can try to help with!

Sincerely,
George

[Nathan]

Getting a new theme isn’t an option, so I may just have to remove the ninja forms plugin so the calendar can work. At least in “month” view anyway.

I’ll try to ask the developers of the “Hiking” child theme and it’s “CherryFramework” parent theme + plugin. Needless to say I won’t be buying from TemplateMonster again.

[Nathan]

I was just looking at this forum topic here – https://theeventscalendar.com/support/forums/topic/calendar-pro-widget-not-loading-once-you-click-previous-or-next-month-arrows/

I noticed that my “CherryFramework” theme is also using version 1.7.2 – I tried removing the file “jquery-1.7.2.min.js” and the buttons would load. However this is not an ideal solution. How would I go about updating this js?

[George]

Hey Nathan,

Thank you so much for testing the removal of jQuery. If the version of jQuery on the site was 1.7.2 by default, because of your theme, removing that IS an ideal solution! If the theme works fine otherwise, then removing that jQuery is an excellent step here.

When you say that you removed the file, can you clarify exactly how you did this?

Also, would you be willing to upload a .zip file of BOTH your parent theme and the child theme? You can upload this zip to a site like http://ge.tt or Dropbox or something like that; anywhere where I can download the files without logging into a site.

I will then try to see how the theme is registering its version of jQuery, and if possible, I will recommend code to ensure that the proper jQuery that is included in WordPress itself is loaded.

Thank you!
George

[Nathan]

Well it sorta worked, but taking the js file out brakes the website’s drop-down menu, the “view as” menu on the calendar itself and the hover preview box on individual events. There’s probably other things that don’t work without it too. Motopress plugin doesn’t load right when I remove it either, which I think uses the same JS coding to open.

I’ve uploaded the parent & child themes here for you – https://www.dropbox.com/sh/kjof6pgtcux50on/AAAwCjdVQM6OYZP-aqaQlJJoa?dl=0

Really appreciate it if you’re able to help here.

[Nathan]

Also, be sure to use ninja forms & woocommerce plugins when you test it – as these two are also part of the problem (“month” view will work when either is disabled).

[George]

Hey @Nathan,

Thanks for the further elaboration here, and for your patience with this.

While I cannot guarantee that this will resolve all issues on your site, I have identified the problem and modified your CherryFramework theme so that it does not force its own, terribly outdated version of jQuery on your site.

You can download this modified version here, and replace the old framework theme files with these files completely (which should not erase any content on your site, but definitely back up your site beforehand just in case!) → https://cloudup.com/cV2FRc3ygVA

The problem—with jQuery, at least—was this code in the theme-scripts.php file:

The deregistering of Core jQuery is one of the Cardinal Sins of WordPress theme development, so definitely raise an issue with the theme developer if you haven’t already! They need to fix that. You are more than welcome to use the above screenshot 🙂

I’m sorry in advance if other issues persist even after this change; those issues may fall outside of the purview of our support, but let me know how things go and I will still do what I can.

Thank you,
George

[Nathan]

Thanks for that, unfortunately this still doesn’t want to work correctly. And the new js broke a few things that rely on it, such as the main page’s header.

The problem is definitely a JS issue, it may be the same issue as here – https://theeventscalendar.com/support/forums/topic/jquery-conflict/

However I’m not sure how to prevent my theme from including jQuery twice, any ideas?

[George]

Hey @Nathan,

I’m sorry to hear that issues persist. It’s not an issue of multiple copies of jQuery, unless there is some other plugin on your site that is doing the same jQuery trickery that your theme was doing.

It seems like your theme is deeply broken and unstable. I am sorry about this, Nathan. There are no other moves on the board for us to do, which I’m sorry about as well, but at this point your best options would be to contact the theme support team or load a different theme on your site. You could also hire the help of a professional developer to fix all of the JavaScript issues for you, I guess; that is a valid course of action here. I think the theme is a sinking ship, however, so would not recommend investing time or money in trying to make it work.

I’m sorry to be the bearer of bad news Nathan, and genuinely wish you the best of luck with your project.

Sincerely,
George

[Nathan]

I’ve contacted the developers of the Cherry Framework for an answer, if they won’t do anything I’ll just have to remove either Woocommerce or Ninja Forms plugins so at least the Month view in the calendar will work. It’s the only move I can really do at this stage, the site is almost ready to go apart from this, so I cannot switch now.

Thanks for offering help though, most companies wouldn’t bother if it’s not 100% an issue with their plugin/theme. You can close the thread now.

[Author]

Posts