Genesis - WooCommerce shop setup instructions

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.

First Steps with WooCommerce

  1. Install and activate the WooCommerce plugin on your site.
  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. The wizard will create all of the pages needed to run your shop (Cart, My Account, Shop, etc) and guide you through setting up payment options, shipping profiles, and sales tax collection.
  4. Now you're ready to start selling!

Setting Up WooCommerce & Creating Products

Head over to the WooCommerce Getting Started page to learn all about how to create products, set up payment options, configure settings, and lots more.

WooCommerce pages

If your WooCommerce pages are blank, this typically means that the WooCommerce setup wizard process did not complete. No worries – you can set up your Shop pages by navigating to WooCommerce > Status > Tools. Scroll down and look for the "Create default WooCommerce pages" section. Click on the "Create Pages" button. This will automatically set up your Cart, Checkout, My Account, and Shop pages.

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 most of 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!