Google Maps do not show on product pages

[MBzwo]

Hey guys,

the maps do not not show on my product pages in chrome. You can see the pin, but the map itself does not load. Strangely, if you move left on the map it turns up. In safari only half of the map is visible. (for expample: http://www.mb-zwo.de/product/yola/). Map shows on all other pages (http://www.mb-zwo.de/mbzwo-loft/)

Thanks,
Joe

Attachments:

You must be logged in to view attached files.

[contemascetti]

Hi,

I confirm this issue on my site too after one of the latest update (around 1.61-1.67).

Suddenly every embedded map on woocommerce product pages are grey, but they show fine like before on any other page or post (contact, about, etc).

Chrome desktop and mobile, not sure about other browsers.

Thanks

[Mohammad – SUPPORT]

Hi,
Its working fine. You can check my attachment.
Thanks
Mohammad

Attachments:

You must be logged in to view attached files.

[MBzwo]

Hi Mohammad,

unfortunately its not working. It have tested on three different mac devices and on ipad and iphone. In chrome it does not show at all, in Safari, mobile an desktop, the maps doesn’t load completely. In Firefox its fine. This appears on all woocommerce pages. See attachments.

Thanks
Joe

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
I forward this to my colleague so he will assist you shortly.
Thanks
Mohammad

[MBzwo]

Hi Mohammend,

maps does still not work, I would be glad if we could find a solution on that issue.

Thanks Johann

[David Martin – Support]

Hi Johann,

Thanks for reporting this, I can replicate this and I have reported this back to the team for updating.

– David.

[Swift Ideas – Ed]

Good old WooCommerce and their generic css… https://www.dropbox.com/s/mv78boelbdvwwlb/Screenshot%202015-09-11%2001.34.02.png?dl=0

That is what is breaking the map. Fixed in the next update. Add this for now:

/* Fix for terrible generic WooCommerce css */
.woocommerce .map-canvas img {
	max-width: none;
}

– Ed