• Resolved randmanrjr

    (@randmanrjr)


    We are trying to use Draw Attention to highlight areas of a map / blueprint and display some information.

    On the front-end of the site, where we have the Draw Attention image implemented, when you click on one of the defined areas of the image, we are getting a modal popup that only contains [object Object]

    We are running:

    WordPress version 5.4.1
    Draw Attention 1.9.18
    Custom Understrap-based theme.

    There are no console.log error messages.

    We have seen other reports of similar behavior here:
    https://www.ads-software.com/support/topic/object-object-box-showing/

    Any insight would be helpful!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Draw Attention Support

    (@wpdrawattention)

    Hello @randmanrjr

    Sorry to see you’re having issues with Draw Attention ?? We’ve seen in the past that this issue is caused by a plugin conflict. From the page you linked, I do see that the [object Object] lightbox is coming from some sort of fancybox feature or plugin.

    Could you try using this troubleshooting plugin to try to narrow down the plugin causing the conflict –
    https://www.ads-software.com/plugins/plugin-detective/

    Once you start Plugin Detective, just mark Draw Attention as a “required plugin” for the test. Plugin Detective will deactivate all the other plugins on your site and you can confirm that Draw Attention is working properly. Then it will activate different combinations of plugins for you, and at each step, you just need to tell Plugin Detective if the Draw Attention image is working properly. It will help you eliminate possibilities and suggest the plugin that might be causing the conflict.`

    If that still doesn’t help, please reach out to our support email [email protected] and we can continue the troubleshooting steps with you there.

    Thread Starter randmanrjr

    (@randmanrjr)

    Our custom theme has the the jQuery Fancy Box library included for some theme functionality. However, just including jQuery Fancy Box should not create an issue. This sounds like there is an issue with event triggering in the Draw Attention code vice an issue with another plugin or theme including jQuery Fancy Box. Are you initializing event handlers for jQuery Fancy Box that don’t have any type of conditional checks?

    Plugin Author Natalie MacLees

    (@nataliemac)

    Hi @randmanrjr ,

    One of the plugin developers here. Our plugin doesn’t use the Fancy Box library and has no code that initializes Fancy Box. We aren’t initializing Fancy Box in the JS code and we aren’t using any data attributes with fancybox. You’ll find no instances of the word fancy in our entire codebase.

    We’ve seen this issue before, and I’ve been all through the Fancy Box documentation and codebase to try and figure out how it’s getting triggered by Draw Attention images, but haven’t been successful so far. It doesn’t make any sense at all. Draw Attention images are SVGs and the hotspots are paths. I can’t figure out how clicking on an SVG with no fancybox data attributes triggers Fancybox.

    Plugin Contributor Draw Attention Support

    (@wpdrawattention)

    The plugin developers gave this another try and weren’t able to fix the compatibility issues with the Fancy Box library.

    We think it’s fair to say that, unfortunately, we’re not compatible with plugins or themes that use Fancy Box ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Popup modal with [object Object] displayed after area of image clicked.’ is closed to new replies.