Integrating Genesis Themes with Woocommerce

Do you want to integrate one of the stunning Genesis Themes with Woocommerce Plugin?

Do you already have a website in wordpress using a Genesis Framework theme and want to add a ecommerce shop to your website?

Or are you planning to use a Genesis Child theme for your new ecommerce website using the woocommerce plugin ?

Then the Genesis Connect for Woocommerce Plugin is the plugin for you!

The Genesis Connect for WooCommerce plugin replaces  WooCommerce’s built-in shop templates with its own Genesis-ready versions, specifically the single-product.php, archive-product.php andtaxonomy.php templates needed to display the single product page, the main shop page, and Product Category and Product Tag archive pages.

 

Detailed Steps to installing the Genesis Connect for Woocommerce Plugin

  1. Install the Genesis Connect for Woocommerce plugin in the usual way, but do not activate it yet.
  2. Activate the Woocommerce plugin.
  3. Add the following to your child theme’s functions.php file
     add_theme_support( 'genesis-connect-woocommerce' );

    You will find the functions.php file under Appearance > Editor. The list of files is on the right under Templates.

    However, if you have never added code to your theme’s functions.php file, or even if you are very comfortable doing this, I recommend using filezilla. Connect by ftp to your website files and select the functions.php  file under wp-content> themes> ChildThemeName, right click “functions.php” and select “Edit/View”. I recommend either having Notepad++ installed for this, or accessing the file through your cpanel and selecting edit file. This way if something goes wrong, you can edit the file again to remove what you added. Even better, download a copy of the file before you make any changes. Then you can upload it again after editing if necessary. If you edit through the WordPress dashboard and you make a mistake, you may get a white screen and be unable to remove the code.  Always add the code at the very end of the file, and do not accidentally miss the semi-colon!screenshot showing add the code to functions.php file for integrating Genesis Themes with Woocommerce

  4. Activate the Genesis Connect for Woocommerce. BTW if you forget to add the code and activate the plugin, this will result in a reminder message.

UPDATE:

I now use Beaver Builder with Genesis Themes. Beaver Themer allows you to control the layout of single products, shop category/tag archives and the shop page!

 

Learn More about Woocommerce: