With well over 2.3 Million downloads, WooCommerce is regarded as one of the best eCommerce plugin solutions for WordPress.
The only problem is the plugin doesn’t work perfectly with any theme other than a Woo theme.
Unless you modify the code.
Why? Because different themes use different CSS classes.
Here’s the easiest way to make WooCommerce work perfectly with any StudioPress child theme.
Integrate Genesis With Woo Commerce
To fix problems caused by invalid markup, you can simply install the Genesis Connect WooCommerce plugin.
Go to Plugins > Add New and search for Genesis Connect for WooCommerce.
Once you’ve activated the plugin, add this line of PHP code to any Genesis child themes functions file:
This plugin combined with Genesis gives you several benefits which help you customize your online store.
Ready Made Template Files
You get 3 template files which are FREE!
Archive Product – This template displays the archive for Products
Single Product – This template displays the single Product
Taxonomy – This template displays the Product Category and Tag taxonomy term archives
If you want to customise these templates:
- Create a new folder in your child theme named woocommerce
- Copy any of these 3 templates into your new woocommerce folder
You can now modify the code or add any Genesis or Woo Commerce hooks to these templates which have been developed specifically to work with Genesis AND the WooCommerce plugin.
Use Your Own Styles
Style your shop anyway you like.
Rather than use the basic Woo Commerce styling, you can add your own styles in your child themes style.css file.
To do this, simply add this line of code to your child themes functions file.
You can then copy over the basic Woo Commerce CSS and modify the styling all from the safety of your child themes style sheet.
- Read More About How To Add The WooCommerce Style Sheet In Your Child Theme For Easy Modification.
Genesis includes more hooks and filters.
On top of the huge amount of hooks WooCommerce includes, you can also add any Genesis hook.
They’re easier to use than Woo hooks because there’s a huge amount of code snippets included in tutorials already published by the StudioPress community.
As an example, you’ll find over 1,000 on this site alone.
With over 7 Million FREE downloads, Woo cannot provide full support for customization and integration of the WooCommerce plugin with the huge range of different themes for WordPress now available.