WooCommerce Tutorials

The tutorials in this archive relate to the modification of WooCommerce via your WordPress 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.

Add Custom Field Content Before & After WooCommerce Products

This PHP code enables you to add custom content before and/or after your WooCommerce products. You can use this code to add any type of

Product Loop for WooCommerce

This code uses WP_Query to give you the most basic starting point when developing a custom loop for display WooCommerce products in any

Submit Button Notice for WooCommerce Product Reviews

Using a code editor, copy & paste the PHP code from the view raw link in the Gist to the end of your child themes functions file or

Remove Current Single Product From WooCommerce Shortcode Products

Add to the end of your child themes functions.php file or custom functionality plugin. The gallery shows the green colored single product

Custom WC Product Title On Orders for Checkout, PayPal, Credit Card & Email Order Receipts

The code in this download folder adds a custom field to the WooCommerce Product Data meta box on the Single Product edit screen. This field

WooCommerce Open External/Affiliate Product Links In New Window

The solutions in these 2 download folders provide 3 different methods which enable you to open external links in new windows without

Add Brand Custom Taxonomy To WooCommerce Products Shortcode

The code in this download folder enables you to create a custom taxonomy named Brand which is added to the default WooCommerce Products

3 Ways To Exclude Products From WooCommerce Related Products

This download folder contains 3 code snippets which enable you to exclude or remove WooCommerce products from your Related Products list.

Show a Message at The Top of Your Page For New Site Visitors Using a Cookie

The code in this download folder enables you to conditionally display a message before your sites header like this : In this case, the

If WooCommerce Product Out Of Stock, Show Widget

This code enables you to display a widget area if your single product is out of stock. You can display the widget in any WooCommerce single

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