Archived topic
Display map in woocommerce tab
10 replies · Started by nictic on July 7, 2017
There is the common problem with displaying google maps on hidden elements like tabs etc with different fixes depending on themes and plugins. I want to display a google map (using a short code) in a custom tab (created with WooCommerce Tab Manager). So currently because it is a tab, the map remains grey/blank.
What fix would you suggest to successfully display google maps inside a WC tab in Generatepress?
I for bootstrap tabs there is a simple css fix so maybe there is a simple fix like that for GP.
What's the simple fix for bootstrap?
GP doesn't control any of the tabs in WC, those are dealt with by WC code. So it's likely it would be something in their code that needs adjusting.
The fix for bootstrap tabs is:
.tab-content > .tab-pane {
display: block;
height:0;
overflow:hidden;
}
.tab-content > .tab-pane.active {
display: block;
height:auto;
}So you would have to apply that same fix to the WC tab selectors.
Any idea perhaps what the wc tab selectors are?
I'm not really familiar with how Tab Manager adds the tabs etc.. It might be something you want to bring up with that plugin developer, as they'll have a way better idea of how things are structured.
Thank you
No problem - if you can link me to the page in question I might be able to see as well.
Can I mail you the link? What's your mail address?
Here you go: https://generatepress.com/contact/
Be sure to mention this topic.
Great thanks. Mail sent.
