Bootstrap Tabs and WooCommerce
I’m working on a site that uses Bootstrap and needs WooCommerce implemented with it. While styling the tabs wasn’t a requirement, I decided to adjust the output so it would render with the Bootstrap tab engine rather than WooCommerce. I could also make the styling uniform with the rest of the site without any bloated overrides.
Now in order to get this to work, we need to activate the tabs using jQuery. Make sure you do that (the sample code is in the JavaScript fiddle tab above).
Hey,
I’m looking to try and output the bootstrap tabs as you’ve described, but where do I put the code? In a function or is there a tab php file somewhere? I’ve not been able to find it.
You’ll need to follow the WooCommerce recommendations for creating a template override in your template directory (http://docs.woothemes.com/document/template-structure/). This is where the file is that you need to change:
single-product/tabs/tabs.php