can you provide an url please so that I can have a look?
Hi Robert,
hetrwith the link please select the tab “Wijnproducent”
Within this tab I use the shortcode
Thanks Glenn
Hi Glenn,
I had the same issue with sites using jquery ui tabs, for which I could add a workaround in my plugin.
Can you please tell me which plugin you are using for tabs here? “WooCommerce Custom Product Tabs Lite”, “TabsManager” or another plugin?
I will check afterwards if I can add a workaround for this plugin too…
best,
Robert
Hi Robert,
Great, the plugin is:
WooCommerce Custom Product Tabs Lite version 1.2.4 | by SkyVerge
Good luck
Glenn
Hi Robert fyi,
A response from the theme developer:
——————————————-
Hey!
Actually it seems to be a problem with the WooCommerce tab script which does not trigger a map resize. You can reproduce the issue with any responsive theme (i.e. the default TwentyThirteen theme) because Google maps won’t re-size correctly if percentage values are used for the map width. Abundance is not a responsive theme and thus the maps work properly. I created a ticket here: https://github.com/woothemes/woocommerce/issues/4014 and asked the WooCommerce devs to fix it. This is all I can do for now.
Regards,
Hi Glenn,
I am having troubles reproducing this issue on a test site of mine at http://www.webtermine.at/testsystem/Produkt/test/
I am not sure if a workaround is possible here – could I have temp admin acess to your site so that I can try out a fix? (send details via http://mapsmarker.com/contact).
If that is not possible, please try the following:
– open /inc/showmap.php
– find
$('.ui-tabs').on('tabsactivate', function(event, ui) {
and replace it with
$('.ui-tabs, .tabs').on('tabsactivate', function(event, ui) {
Then it should work.
best,
Robert
Hi Robert,
Yes, many thanks for the fix and very swift response. The map(s) loads beautifully in and outside the woocommerce tabs. I will inform Kriesi (the theme developer) and recommend your plugin.
Thanks again
Glenn
