Installing Woocommerce plugin knocks out Foundation js

[mlcstudio]

Hi,

It seems there is a conflict with this theme and woocommerce.

After installing the Woocommerce plugin, the console reports a type error on line 3 of app.js:

undefined is not a function

I have had a look inside the enqueue scripts file that you created with this plugin and it looks like everything is done by the book, but this error still appears. I have also tried including the app.js in the header rather than the footer and I have also tried using the bundled version of jQuery included with Wordpress and that still doesn't solve the conflict.

Any ideas on how to solve this issue with your theme?

Many thanks

[olefredrik]

Hi,
Please see this related issue (#40) for more info and proposed solution to the problem.

[mlcstudio]

Hi Ole,

Thanks for that, but I would prefer not to disable the scripts enqueued by Woocommerce.

What I did to get around the problem is to modify the init-foundation.js file to this:

jQuery(document).ready(function($) {
$(document).foundation();
});

Now everything is working without removing any calls to jQuery.

Many thanks again for this theme, it’s great to work with!

[olefredrik]

Awesome! That seems like an even better solution 👍

[tsmith0511]

I'd rather not disable the scripts enqueued by Woocmmerce either and have tried:

jQuery(document).ready(function($) {
$(document).foundation();
});

but am still getting an error "Uncaught TypeError: undefined is not a function" on app.js. Any other ideas?