Posted by April Sadowski and filed under Blog, Tips & Tricks, WordPress

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).

About April Sadowski

Part designer and part developer, April has been working full-time for over a decade. She has a long line of ADDY Awards and published design and is the go-to person for HTML/CSS/LESS needs and front-end development. On her off-hours she can be found writing novels (she's published several), doing voice acting or audio production, or gaming. Find April at Stack Overflow

2 Responses to “Bootstrap Tabs and WooCommerce”

  1. 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.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>