Can’t click on “Opening Hours” or “Additional Information”

This sometimes happens when there’s a JS error caused by another plugin / your theme.

If you open the browser console ( F12 ) in the admin editor, do any errors show up?

You can also test this by for a second switching back to a default WP theme, or disable other plugins one by one. Also make sure all plugins / themes are up to date.

I also can’t click on “Opening Hours” or “Additional Information”. Also, the preview map doesn’t work when editing a store. For me this is broken because I also have the “WP Google Maps” plugin installed. I use “WP Google Maps” for showing our store location. I use this plugin to display all the retail outlets that carry our brand.

Now that I’ve discovered this plugin conflict maybe I’ll have to see if I can use this plugin to do both. I might be able to get the result I want if I use the shortcode options to customize it a bit. Not sure yet…

@klishb what are the errors that show up in the browser console ( F12 ) ?

Can you try to enable the compatibility mode on the WPSL settings page? Does that make a difference?

@tijmensmit

I am experiencing the exact same issue. Please see the errors on browser console:

wpsl-admin.min.js?ver=2.2.23:1 Uncaught ReferenceError: google is not defined
    at a (wpsl-admin.min.js?ver=2.2.23:1)
    at HTMLDocument.<anonymous> (wpsl-admin.min.js?ver=2.2.23:1)
    at i (jquery.js:2)
    at Object.fireWith [as resolveWith] (jquery.js:2)
    at Function.ready (jquery.js:2)
    at HTMLDocument.J (jquery.js:2)

@tijmensmit

I was able to solve it by de-activating the other 2 Google Maps plugins which I was initially testing out. This instantly solved it.

WP Google Maps and WP Google Maps Pro Add Ons.

Thanks

@tijmensmit

This is the error:

Directions Service: This API key is not authorized to use this service or API.

Compatibility Mode seems to make it worse. With it enabled it will not draw the map at all and produces this console error:

Uncaught ReferenceError: google is not defined
at wpsl-gmap.min.js?ver=2.2.23:1
at wpsl-gmap.min.js?ver=2.2.23:1
at Object.wpsl.gmaps.init (wpsl-gmap.min.js?ver=2.2.23:1)
at HTMLDivElement.<anonymous> (wpsl-gmap.min.js?ver=2.2.23:1)
at Function.each (jquery.js?ver=1.12.4-wp:2)
at a.fn.init.each (jquery.js?ver=1.12.4-wp:2)
at HTMLDocument.<anonymous> (wpsl-gmap.min.js?ver=2.2.23:1)
at i (jquery.js?ver=1.12.4-wp:2)
at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4-wp:2)
at Function.ready (jquery.js?ver=1.12.4-wp:2)

And just to be clear it does work as expected if I disable the “WP Google Maps” plugin. I confirmed this on a staging site. I’m currently using “WP Google Maps” for another purpose on another page. I’ll need to find suitable replacement before I permanently disable it on the live site unless you think you can fix the conflict.

I’m sure it used to work fine with the WP Google Maps plugin, but I just installed it and after you active it, then the Google Maps library is prevented from loading. So it breaks my plugin.

I will contact them about it, since their plugin shouldn’t mess with other plugin scripts, and certainly not with the default configuration.

Any update on this?

Sorry for not getting back to you sooner, but there’s at this point unfortunately no way to make both of them work at the same time.

I will try and include a solution for this in the next major update, but I don’t have a release date for this yet.

No problem. Thank you for your efforts.