• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

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.

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

Twenty Twenty Theme WooCommerce

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

WooCommerce

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

WooCommerce

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

Essence Pro Theme WooCommerce

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

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

Taxonomy Terms WooCommerce

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

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

WooCommerce

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

WooCommerce

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

WooCommerce

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

Custom Fields Product Image WooCommerce

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

Featured Image WooCommerce

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

Essence Pro Theme WooCommerce

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

Custom Fields Product Image WooCommerce

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

Custom Fields Product Image WooCommerce

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 Fields Product Image WooCommerce

Add WooCommerce Cart Count & Total Price To Genesis Nav Menu

This code adds the cart count & total price to the nav menu in Lifestyle Pro. The solution uses Dashicons which modern HTML 5 Genesis

Lifestyle Pro Theme Nav Menu WooCommerce

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

WooCommerce

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

WooCommerce

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

Header Image WooCommerce

  • Go to page 1
  • Go to page 2
  • Go to page 3
  • Go to Next Page »

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems