[SOLVED] WOOF Product Filter conflict with Elementor

Spread the love

If you’re facing the problem of Elementor not loading the builder on the left pane, with the loading gif just being stuck there, this is the solution for you. This problem is because of a plugin conflict with Elementor – for some people, it’s with WOOF Product Filter, for some others, it’s a Black Studio TinyMCE Widget or JNews – Essential, or it could be something else. This post contains the solution for the conflict with WOOF Product Filter only.

To double check, if you’re facing this problem, you should have the below error in the Chrome/Firefox browser console (press F12 at the Elementor loading page):

Uncaught TypeError: Cannot set property 'controls' of undefined
at Object. (editor.min.js?ver=2.6.6:7)
at Function.each (load-scripts.php?c=0&load[]=underscore,jquery-core,jquery-migrate,backbone,shortcode,utils,wp-util,wp-backbone,media-models,moxiejs,plupload,wp-plupload,jqu&load[]=ery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-sortable&ver=5.2.2:3)
at Object.success (editor.min.js?ver=2.6.6:7)
at i (load-scripts.php?c=0&load[]=underscore,jquery-core,jquery-migrate,backbone,shortcode,utils,wp-util,wp-backbone,media-models,moxiejs,plupload,wp-plupload,jqu&load[]=ery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-sortable&ver=5.2.2:3)
at Object.fireWith as resolveWith
at Object.e. as resolve
at common.min.js?ver=2.6.6:2
at Array.forEach ()
at success (common.min.js?ver=2.6.6:2)
at Object.o.success (common.min.js?ver=2.6.6:2)

The solution

Source: https://products-filter.com/conflict-with-elementor-page-builder/

References:

WOOF Product Filter actually provided the fix for this, it’s not my original code. Simply add the below into your functions.php file:

add_action('elementor/widgets/widgets_registered', function($widgets_manager)
{
   $widgets_manager->unregister_widget_type('wp-widget-woof_widget');
});

If you don’t know where to find it, you can either access it from:
a) WP Admin > Appearance > Theme Editor > functions.php
b) Hosting file manager (e.g. cPanel) > public_html/wp-content/themes/[your active theme]/functions.php

Save your functions.php file and reload Elementor, it should work.

If the code doesn’t work

This is because of…. /drumroll… COPY & PASTE. Yes, it’s a dumb problem. I don’t know why, but sometimes when you copypaste code, it will change the ‘ symbol into something else, and it’s very hard to notice.

You’ll need to manually change the ‘ symbol in 4 places. If you do it right, you’ll see the text change colour.

BEFORE
AFTER

Simply save your functions.php file after you’ve done the changes, and reload Elementor. It should work again, and you don’t have to sacrifice your WOOF Product Filter 🙂

Good luck!


Spread the love