Genesis - WooCommerce shop setup instructions

All of our Premium WordPress Themes support WooCommerce, the most popular e-commerce plugin for WordPress. We love WooCommerce for its ease of use, great features, and customizability. There are also lots of WooCommerce extensions available, both free and paid, that can add all sorts of different functionalities to your shop.

How to Set up a WooCommerce Shop in your theme

  1. Install and activate the WooCommerce plugin.
  2. Install and activate the Genesis Connect for WooCommerce plugin. *Note: This plugin is required for compatibility between WooCommerce and Genesis. It must be installed for WooCommerce to function correctly.
  3. At the top of your dashboard, you should see a link to go through the WooCommerce setup wizard. It's very important to go through the wizard (and in particular, allow the shop pages to be created). If the shop pages aren't created, it can cause missing page content on your site.
  4. Now you're ready to start selling!
New to WooCommerce? Hop over to the WooCommerce Getting Started page to learn all about how to create products, set up payment options, configure settings, and lots more.

Configure image sizes

If your WooCommerce image sizes aren't displaying correctly, here's what to do:

  1. Go to WordPress > Appearance > Customize > WooCommerce > Product Images.
  2. The image settings used in our theme demos are: 800 for the Main Image Width; 400 for the thumbnail width; and 1:1 cropping. If you would like to choose a different image "shape" (i.e. vertical/portrait instead of square), you can select the "Custom" option and set a custom aspect ratio.
  3. Once you've set your image sizes, click Publish.
  4. Return to your WordPress dashboard and go to Tools > Regenerate Thumbnails. Click "Regenerate Thumbnails For All X Attachments." Don't close the page until regeneration has completed.
  5. Your WooCommerce images should now look correct!