The solution in this tutorial shows you how to style your WooCommerce product archives like the 2 column archive pages in Essence Pro. 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.
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
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
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
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