Popup conflict when using Divi Visual Builder

  • Resolved ashdowntech

    (@ashdowntech)


    2 years, 7 months ago

    We’ve run into an issue with Popup Maker and the Divi Theme’s Visual Builder.

    When a popup is defined on a page and you go to edit that page in the Divi Visual Builder, everything loads but then the pop-up triggers but does NOT actually appear. As such, you cannot see it or close it. In addition, the pop-up causes the browser’s scroll bar to go away in the editor, preventing you from editing anything except what is on the screen.

    The issue corresponds with an error in the browser inspector console in pum-site-scripts.js for an “Uncaught TypeError: cannot read properties of undefined (reading ‘offsetTop’)

    This is running Popup Maker 1.16.7 with Divi 4.17 and WordPress 5.9.3 running under PHP 7.4. Turning off all other plugins except Popup Maker makes no difference to this issue.

    Right now the only solution is to disable the pop-up before making an edit to a page and then turning it back on when done, but that’s not a realistic long-term solution.

    We love the plugin and hope that you can find a solution that allows it to work properly. Thank you!

    • This topic was modified 2 years, 7 months ago by ashdowntech.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support mark l chaves

    (@mlchaves)

    Hey @ashdowntech,

    Thanks for posting.

    There might be a couple of things going on there.

    1) Since Divi Builder displays a live preview, we recommend you disable Popup Maker only while you’re editing a page using Divi Builder. Here’s a hook you can use as an example for doing that.

    https://gist.github.com/marklchaves/8556c81fa103946af1643158fc81e770

    Just a heads up that this could stop working any time Elegant Themes changes the code this hook depends on.

    We’d love to automate that some day when there’s a published (and stable) API for temporarily disabling Divi Builder.

    2) If the popup doesn’t display on the public (front-end) side of that page even if it should, there might be a possible conflict that’s blocking it.

    If that happens to you (only on the front-end if you’re running the hook above), can you try the suggestions in this troubleshooting guide?

    https://docs.wppopupmaker.com/article/544-your-popup-is-not-displaying-on-your-homepage

    Please let us know how all that goes ??

    Thanks so much!

    Thread Starter ashdowntech

    (@ashdowntech)

    Thank you so much for the very prompt reply.

    The code from github that disables the pop-up when the Divi Visual Builder is in use did the trick perfectly! I really appreciate that as it is an excellent solution for my customer.

    The pop-up always worked perfectly when not in builder, so no issues there.

    Thanks again!

    • This reply was modified 2 years, 7 months ago by ashdowntech.
    Bel

    (@belimperial)

    Hi @ashdowntech

    Awesome! We’re happy to help.

    Hey if you have a moment, could you please rate the plugin?
    We’d appreciate sharing your experience with everyone.

    Have a great day??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Popup conflict when using Divi Visual Builder’ is closed to new replies.

Tags