Conflict with Divi Visual Builder

  • Resolved Leah

    (@edikitt)


    6 years, 2 months ago

    Hello,

    When using Divi’s Visual Builder (not the Backend Builder, which works fine), none of the builder’s icons will load, making it nearly impossible to navigate.

    I’ve narrowed it down to an incompatibility with this plugin, but I can’t seem to narrow down the exact file that’s creating the conflict. Divi has a lot of CSS and JS files, so determining exactly which one(s) are responsible for the issue has been difficult.

    If I can figure it out, it’s just a matter of adding it/them to the ignore list, but I’m not having much luck. ??

    Any help would be appreciated.

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Raul P.

    (@alignak)

    Hi, I’ll take a look at this in a week time. Currently away on holiday.

    You shoud be able to see the status page for the log files, purge cache first. Then disable js processing first and test. Next try disable css processing. Once you know which type… css or js, get the list from the starus file and add them all to ignore list.

    Then, delete one by one until you find it.

    Also disable speed optimizations on divi, anything that merges or minifies css or js files. Double minification may break stuff

    Thread Starter Leah

    (@edikitt)

    Hey Raul,

    No problem, appreciate you taking the time to respond.

    After disabling CSS processing and then JS processing, it looks like it’s one of the JS files creating the conflict.

    I’ve been going through and removing them one at a time with no luck so far (there are over 50 files, crazy!), but I’ll update here if I find the culprit.

    I did also ensure that Divi’s own minification was disabled, thanks. ??

    Edit: Found it! Looks like this was the file creating the conflict:

    /wp-content/themes/Divi/core/admin/js/react-dom.production.min.js

    Excluded it and all is well. ?? Thanks again for reaching out and I hope you enjoy your holiday!

    • This reply was modified 6 years, 2 months ago by Leah. Reason: Issue resolved
    • This reply was modified 6 years, 2 months ago by Leah.
    Plugin Author Raul P.

    (@alignak)

    Interesting… but 50+ JS files, it was bound to happen ??

    Always try to keep resources as minimum, also you can dequeue some unneeded files manually if they are too many.

    I’ll add this file to the blacklist, thanks.

    Hi,

    I’ve also had an issue with divi frontend builder. Had to ignore these files:

    /wp-content/cache/et/definitions-page-15450871099516.js
    /wp-content/themes/Divi/includes/builder/frontend-builder/build/bundle.js

    Not sure about the first one from the cache, I guess it can be different for you.

    Thanks for the great plugin though!

    Plugin Author Raul P.

    (@alignak)

    For Divi, it depends on your other plugins and settings.

    The recommended settings for Divi are:

    - disable box:
-- Back To Top Button, Product Tour, Static CSS File Generation, Use Google Fonts

- enabled box:
-- Disable Translations

    Also, any merging and minification, should be disabled.
    Double minification can break the layout, hence you have conflicts.

    Thanks for the tips Raul! Much appreciated.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Conflict with Divi Visual Builder’ is closed to new replies.