kraftyjosh

We do not get the error when using the TwentyTwenty theme. The errors are only triggered when trying to edit Avada Builder elements in the backend, but this only happens when Yoast is installed. If we remove Yoast then the errors don’t happen, and if we remove FC Loan Calculator then the errors don’t happen. Only when all three are present does it happen.

Steps:
1. Have Yoast SEO, FC Loan Calculator, and Avada Builder installed.
2. Add the FC Loan Calculator shortcode to a page
3. Publish the page
4. Hover over an element such as the Text element, and click the pencil icon
5. No popup will appear like it is supposed to to let you edit the element, and the errors appear in the console

I have tested removing Yoast and the errors don’t happen. I have also been in contact with the FC Loan Calculator plugin developer, and he is stumped as to why this is occuring. Maybe you figure out what is causing these errors when Yoast is present and why it is affecting Avada?

I emailed you at the email address on your website. Let me know if you don’t get it. ??

I don’t have a colorpicker installed. I just tested the issue in an incognito window and it still happens (our client is the one to point out the issue, so it has happened on different computers). I also just tried in Firefox and am getting basically the same error:

Uncaught Error: Unable to parse color from string ""
    o https://iktestsite.flywheelsites.com/wp-content/plugins/fc-loan-calculator/js/supporting.WIDGETS.min.js?ver=6.1.1:49
    _create https://iktestsite.flywheelsites.com/wp-admin/js/iris.min.js?ver=1.1.1:5
    jQuery 2
    _create https://iktestsite.flywheelsites.com/wp-content/themes/Avada/includes/lib/inc/fusion-app/assets/js/awb-color-picker.js?ver=7.10.0:91
    jQuery 7
    _create https://iktestsite.flywheelsites.com/wp-content/themes/Avada/includes/lib/inc/fusion-app/assets/js/awb-color-picker.js?ver=7.10.0:333
    jQuery 7
    <anonymous> https://iktestsite.flywheelsites.com/wp-content/themes/Avada/assets/admin/js/avada-fusion-options.js?ver=1.0.0:132
    jQuery 2
    <anonymous> https://iktestsite.flywheelsites.com/wp-content/themes/Avada/assets/admin/js/avada-fusion-options.js?ver=1.0.0:126
    jQuery 2

I do actually still see the error if I change themes to the WordPress 2023 theme since the Avada Builder is a separate plugin that comes with the theme can still be used outside of the theme. If I disable the Avada Builder plugin, the issue can’t happen since it happens when you try to edit elements in the page builder in the backend.

Yoast does have some integration with Avada, so that might be why it is involved with this issue.

I just tried the plugin with no options, and the issue still happens.

Oh yes sorry, I enabled them again. And yes the issue is only on the backend. I can give you login access if you need.

Yes, it is very strange. They work perfectly fine separately, but when all 3 combine (Yoast, FC Loan Calculator, and Avada theme) the issue happens. If I remove Yoast it works fine, and when I remove FC Loan Calculator plugin or remove the shortcode form the page it also works fine, but when all 3 are present it causes the issue with the color picker. This only happens on pages with the FC calculator shortcode. If I remove the shortcode and save the page, the issue is gone.

• This reply was modified 1 year, 11 months ago by kraftyjosh.
• This reply was modified 1 year, 11 months ago by kraftyjosh.

I solve this issue with this code:

function dequeue_owl_css() {
$theme = wp_get_theme();
if ( 'Avada' == $theme->name || 'Avada' == $theme->parent_theme ) {
  wp_dequeue_style('owl_animate_css');
  wp_deregister_style('owl_animate_css');   
}
}

add_action('get_footer','dequeue_owl_css');

I tried replacing the ‘animate.css’ file with the newest version, but I didn’t notice any change. I contacted Avada support to ask if maybe they can explain the conflict.

Yep it looks like “/slide-anything/owl-carousel/animate.min.css?ver=2.0” is causing the issue. When I delete it from the header, the animations are fixed. It must be conflicting with the Avada animations somehow.

That was just my guess. All I know is when a SA slider is on a page, the Avada animations set to “fade” change from a short fade animation, to a long sliding animation. When I remove the SA slider, they return to normal.

It appears the plugin update today fixed the issue, I was able to authenticate.

• This reply was modified 3 years ago by kraftyjosh.