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 image like this :

woocommerce-shop-page-template-genesis

You can also display the shopping cart total in the nav menu using the code from this tutorial

Demo Video #

In this case, the shop page is displayed as the front page using the Reading Settings.

Tested using the Genesis Sample child theme for Genesis however should work fine in most Genesis child themes.

Code Installation #

There’s 3 steps relating to usage of the files inside the download folder :

Step 1 – Upload the woocommerce folder to your child themes root directory.

Step 2 – Create a new page and select it as the home page using the WordPress Reading settings :

Step 3 – Copy & paste the CSS from the style.css file to the end of your child themes style.css file and clear caching.

Download Folder

Related Templates

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.