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

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.