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

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

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

  • Custom WooCommerce Product Page Archive Template For Genesis

WooCommerce

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.