WooCommerce Tutorials

The tutorials in this archive relate to the modification of WooCommerce via your Genesis child theme. 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. Note : Usage of WooCommerce in Genesis and the code/templates in these tutorials requires the activation of the Genesis Connect for WooCommerce plugin.

Custom Role To Allow Users To Submit WooCommerce Products For Review

This code adds a custom role for vendors/product contributors so admins can review new products submitted for review prior to

Make WooCommerce Product Archives Look Like Essence Pro Archives

The solution in this tutorial shows you how to style your WooCommerce product archives like the 2 column archive pages in Essence Pro. In

Modify Or Remove Address & Checkout Fields On WooCommerce Checkout Page

This freely accessible download folder contains 2 code snippets which enable you to : Use the 1st snippet to make the following address

WooCommerce Product Categories Widget – Change The Order Of Categories

This free code enables you to change the order of your categories displayed using the WooCommerce Product Categories widget. On your

Add Read More Link Beside Add To Cart Button In WooCommerce Archive Templates For Genesis

The code snippets and templates in this download provide different ways to add/remove/customize a read more button linked back to the single

WooCommerce Front Page Template For Genesis

This template enables you to create a front page like this : The template includes 4 widget areas for displaying WooCommerce products

Custom WooCommerce Shop Page Template For Genesis

This template enables you to display your product titles before your product images and the product price and buy button inline with the

Override WooCommerce archive-product.php Template File In Genesis

Based on the following statement published on the official WooCommerce website, you can't override the archive.product.php file in Genesis

How To Make WooCommerce Shop Page Images Link To Other Websites

Good question asked recently about making the shop page product images link to external sites rather than the single product page. This

Filter WooCommerce Main Product Image

This tutorial provides 2 code snippets which enable you to filter the main product image on the single product page in WooCommerce. As seen

Remove Essence Footer CTA From WooCommerce Pages

This code removes the Footer CTA widget from WooCommerce pages in the Essence Pro child theme by StudioPress. Code Installation

Custom WooCommerce Product Image

This solution enables you to modify the main single product image in WooCommerce. This main image is the image added via the Product Image

Add WooCommerce Product Images Using ACF

This code enables you to add product images using Advanced Custom Fields. You can add a unique product image on any Edit Product screen

Add WooCommerce Product Images Using WP Custom Fields

This code enables you to add your own custom image for each product. If no custom image is added, the placeholder image from Woocommerce is

Custom WooCommerce Single Product Page Template For Genesis

This template enables you to fully customize/modify the default functionality & styling of the WooCommerce single product page. In

Custom WooCommerce Product Page Archive Template For Genesis

This template enables you to fully customize the WooCommerce product/shop page in any Genesis child theme. Customization includes

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. If none added, a default named

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 category page. There's 2 snippets

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 Settings on any Edit Page screen to