WooCommerce Tutorials

The tutorials in this archive relate to the modification of WooCommerce via your child theme. Many of the tutorials include code which is tested in specific Genesis child themes including Outfitter Pro which is the latest StudioPress eCommerce child theme for WooCommerce. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

2 Ways To Show Custom Header Images On Each WooCommerce Product Category Page

These solutions let you add a custom image for your logo to any WooCommerce product category page.

Add Image After WooCommerce Product Category Page Title In Genesis Child Themes

This code enables you to add a linkable image after the WooCommerce products header on any product

Free Tutorial

Genesis Layout Settings On WooCommerce Pages

There's 3 ways to change the layout settings in Genesis child themes. 1. You can use the Layout

Change Number of Product Columns On WooCommerce Archive Pages In Genesis

The code snippets in this tutorial enable you to change the number of columns WooCommerce products

Add Woo Shopping Cart Basket To Nav Menu In Genesis

This tutorial provides a slightly different method to this tutorial which enables you to add a

Outfitter Pro Shop Page Like Front Page 2 Products Widget

The solution in this download enables you to display your shop page ( product archive page ) the

Replace Masonry With CSS Grid In Outfitter Pro

Outfitter Pro is the latest StudioPress child theme for WooCommerce which uses a masonry layout on

Remove Sidebar on WooCommerce Pages

This tutorial provides 2 ways to remove the sidebar from any type of WooCommerce page in Genesis

Free Tutorial

WooCommerce Conditional Tag Checks All Pages

The code in this tutorial creates a custom made conditional tag which you can use with any custom

Add WooCommerce Cart Quantity & Total Price To Nav Menu

This code enables you to add both the cart quantity ( count ) and the cart total ( price ), to any

Link Site Title On WooCommerce Pages To Shop

This code for HTML 5 Genesis child theme users, links your site title ( in your header ) to your

Add Next & Previous Product Navigation Links To WooCommerce Single Products

This code enables you to link all single products together in any theme. No need to edit any

Woocommerce Single Product Hooks

These hooks enable you to add content to WooCommerce single product pages. You can see the hooks

Add Custom Menu To Specific WooCommerce Pages Only

If you're selling from your WordPress site using Woocommerce, you might want to add an additional

Change Width of Content & Sidebar on WooCommerce Shop Page Using Genesis

This code enables you to control the width of both the content area and primary sidebar on the

2 Ways To Move The Sidebar To The Left in WooCommerce Pages Using Genesis

This tutorial shows you 2 ways to move the primary sidebar to the left and the content to the

Add Custom Genesis Sidebar To WooCommerce Archive Product Page Template

This PHP code enables you to add a hand coded custom sidebar to a custom WooCommerce archive product

WooCommerce Full Width Single Product Summary Page Elements

By default, WooCommerce displays all the single product summary elements in a separate column to the

40+ Code Snippets To Modify WooCommerce Single Product Page Elements

This post provides single lines of code you can use to add, remove and reposition different elements