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

WP SITES

2665

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.

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

Custom Fields Meta Box WooCommerce

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

Layout WooCommerce

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 are displayed in for specific archive

Grid Columns WooCommerce

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 shopping cart icon and item number to your

WooCommerce

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 same as the front page 2 widget area which

Outfitter Pro Theme WooCommerce

Replace Masonry With CSS Grid In Outfitter Pro

Outfitter Pro is the latest StudioPress child theme for WooCommerce which uses a masonry layout on the front page. This tutorial shows

Grid Columns Outfitter Pro Theme WooCommerce

Remove Sidebar on WooCommerce Pages

This tutorial provides 2 ways to remove the sidebar from any type of WooCommerce page in Genesis child themes. 1. You can change the

Layout WooCommerce

Show Custom Menu, Title, Tagline & Header Widget On All WooCommerce Pages

This code enables you to display a completely different header area for all your WooCommerce pages. Here's a example showing the default

Nav Menu Site Description WooCommerce

WooCommerce Conditional Tag Checks All Pages

The code in this tutorial creates a custom made conditional tag which you can use with any custom function to check for all types of

WooCommerce

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 WordPress nav menu. The price is also

WooCommerce

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 shop page on WooCommerce pages

WooCommerce

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 files using this

WooCommerce

WooCommerce Single Product Page Hooks

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

WooCommerce

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 nav menu which only displays on

Nav Menu WooCommerce

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 WooCommerce shop page. How it works If

WooCommerce

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 right. By default, the content displays on

WooCommerce

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 page template in any Genesis child

Custom Sidebar WooCommerce

WooCommerce Full Width Single Product Summary Page Elements

By default, WooCommerce displays all the single product summary elements in a separate column to the product image and gallery images which

WooCommerce

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 on any single product page. You can

WooCommerce

Add Widget After Woo Commerce Single Product Pages in Genesis

This code registers a new widget which only displays after WooCommerce single product pages. Note: When using WooCommerce with

WooCommerce

  • « Go to Previous Page
  • 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