Potential Conflict with Maranantha Theme

Neil,
Thank you for your message.

This sounds like a potential jQuery conflict. I’ve reached out to the Breeze Team to see if any changes have been made on their end that require me to update the plugin. We’ll see what they say.

In the meantime, you’ll want to check out your website using something like the Firefox Firebug addon with the console tab open (or any other debug program). There are quite a few JS errors that also may be causing this issue (or others). I couldn’t find one that points to the Breeze plugin, but that may be because you have it deactivated now.

If the plugin is currently deactivated, can you please activate it and ping me? That way I can run a test to see if/where the error is being generated from the plugin.

Take care.

When you looked at the site, the Breeze Display plugin was still active — that’s what was driving the upcoming events widget in the site footer.

For now, I’m planning on utilizing our legacy calendar plugin (Time.ly Core – All In One Event Calendar) to pushing our Breeze calendar to that via iCal for site display. That approach doesn’t create the display issues that I noted above.

Once we get the site up and running in the new design, I’ll look at trying to rework the staging server to leverage Breeze Display and help more troubleshooting.

Hi Neil and Michael,

I’m with churchthemes.com. I didn’t see the issue in action, I think because the Breeze plugin was not active? But this sounds reasonable to me…

This sounds like a potential jQuery conflict.

And what I see in the plugin’s code can cause it. See line 62 in wt-breeze.php: https://plugins.trac.www.ads-software.com/browser/wt-display-breeze/trunk/wt-breeze.php#L62. It’s loading jQuery from jquery.com. WordPress includes jQuery and that version should be enqueued instead. Otherwise, jQuery may be loaded twice, causing various JavaScript issues.

https://developer.www.ads-software.com/reference/functions/wp_enqueue_script/#default-scripts-included-and-registered-by-wordpress

Steven – Awesome, thanks for pointing this out! Right now, the plugin is active on the site but not being used for showing Breeze calendar events so you don’t see an issue.

Michael – Can you look at the above and possibly push an update to your plugin? I can test that in a heartbeat.

Thank you for your message.

Yes, I agree that using the installed version of jQuery is the way to go. We’ve just never gotten it to work.

We’ve run the enqueue script function with both Breeze’s script being remote and pulling it in locally (changing the “$” for “jQuery”).

add_action( 'wp_enqueue_scripts', 'wt_breeze_register_scripts' );
function wt_breeze_register_scripts() {
wp_enqueue_script('breeze-script-ui', 'https://www.breezechms.com/js/give.js', array( 'jquery' ));
}

or
`
add_action( ‘wp_enqueue_scripts’, ‘wt_breeze_register_scripts’ );
function wt_breeze_register_scripts() {
wp_enqueue_script(‘breeze-script-ui’, plugins_url( ‘/lib/script.js’, __FILE__ ), array( ‘jquery’ ));
}
‘
Either of these don’t load the donation form.

The only way we can get it to work is to use the exact script that comes from breeze by calling in jQuery remotely. I believe that WP 4.6 is using jQuery 1.12.4 Breeze is calling 2.1.4. My only guess is that the donation form needs this version to work.

I’m open to ideas or other approaches if have anything you’d like to try.

I’m kind of out of my programming depth here, but is there any way to wrap the various calls to Breeze’s functions in a jQuery noConflict functions to avoid the conflicts?

I’m not using the Breeze donation form at all — I’m only interested in the calendar (widget and shortcodes).

@mgyura You may want to post some code and ask for advice at https://www.ads-software.com/support/forum/wp-advanced/ or https://wordpress.stackexchange.com/

I just submitted an update that moves the needed jquery to only load where the donation shortcode is used (instead of where any breeze featured was used). I’ve also submitted a ticket to Breeze to see what we can do about the jquery version that is required and what other options we can use.

I haven’t done exhaustive testing, but I can confirm that the upgrade brings the Google Map BACK on a page that uses the Breeze Calendar display shortcode (https://new.sterlingumc.org/breeze-calendar/). I haven’t tested the Breeze Events widget.

Eventually we’ll want to use the Breeze donations widget on our site, but we don’t even have that set up in Breeze yet so we’re good for now…

Thanks!!

(P.S. Leaving this thread open in case you get anything back from Breeze on the jQuery item.)

• This reply was modified 7 years, 5 months ago by Neil Mickelson. Reason: Added P.S

Glad we got that working