Connecting the WooCommerce Builder Community

conversations, insights, and perspectives

StudioPress Genesis Child Themes Updates Improve Compatibility with WooCommerce

The other day, when I was perusing the child themes on StudioPress, something caught my eye. I noticed that the Smart Passive Pro Child Theme I was using had been recently updated. After some research, I found out something that, well, made me happy.

Let me start out by saying that some of Genesis Child Themes over on StudioPress are now much more well-behaved. It’s the small details, but they can be so important. So I updated the theme here on my site and this is what I discovered.

Genesis Connect for WooCommerce Plugin

Although you still need the Genesis Connect for WooCommerce plugin , you will no longer have to add this code into your functions.php file:

add_theme_support( 'genesis-connect-woocommerce' );

I discovered this by accident as I hadn’t copied over my custom code yet, but I noticed that things were still working just fine.

WooCommerce Now Using Child Themes Styles

If you haven’t noticed in the past, when you use WooCommerce with the child themes, there are some subtle styles that WooCommerce overrides. For example, on your shop page, the standard color of the buy button is what comes with Woo, not the color your other non-Woo Commerce related buttons are elsewhere on the site.

Now my friend Carrie Dils had created a plugin called Genesis Style Trump awhile back that would solve this problem. (Please note: this has nothing to do with our current President).

Well, now the themes are doing this themselves.

For example, here is what the shop page looked like before I updated my child theme. I have hidden the buy buttons here for my own reasons.

shop page before update

After updating the prices are now pulling in the themes colors. Also you can see that the Search Widget in the sidebar for WooCommerce is now much cleaner.

shop page after updating

Another subtle difference on the shop page was the pagination at the bottom. Before the update:

pagination before the update

And after the update, it’s the same as my blog archive page now:

pagination after the update

Now if we look at the product page. Before the update.

product page changes with woocommerce and genesis

After the update the price color changed as well and the style of the buy button changed. Also, if you look at the tab line around Features, a very slight change there as well.

product page after theme update

Now we move on to the Cart page. Before the update:

cart page before update

And the cart page after update:

cart page after update

And lastly, the checkout page before the update:

checkout before update

And after the update:

checkout after update

It’s All in the Details

As you can see, these are subtle changes but sometimes that can make a huge difference. I’m sure there are developers and designers who will welcome this and I know that users, who don’t know anything about CSS or even adding plugins to help with these small changes, will be much happier.

I know I am. Now some of my favorite child themes and one of my favorite eCommerce plugins are getting along even better.

Thanks to our Community Sponsors