WooCommerce - How to add a shop sidebar

If you'd like to add a sidebar to your WooCommerce shop pages that is separate from your primary sidebar, this is the tutorial for you!

Adding a separate sidebar to WooCommerce

Before you begin: make sure WooCommerce and Genesis Connect for WooCommerce are installed, activated, and configured.

1. Go to Appearance > Theme Editor > Functions.php and locate this section of code:

//* Force full width layout on WooCommerce pages
function harper_woo_full_layout() {
 if( is_page ( array( 'shop', 'cart', 'checkout' )) || 'product' == get_post_type() ) {
 return 'full-width-content';
 }
}
add_filter( 'genesis_site_layout', 'harper_woo_full_layout' );

This will look slightly different depending on which theme you're using — this snippet above is from Harper; yours will say your own theme name.

2. Delete this section entirely, and then click Update File. Be sure to ONLY remove what is shown above.

3. Go to Plugins > Add New and search for WooSidebars. Install and activate WooSidebars.

4. Next, go to Appearance > Widget Areas (not Widgets). At the top, click Add New.

5. On the right side of your screen, find the "Sidebar to Replace" section. Select the Primary Sidebar.

6. Under Conditions, click on the Advanced tab. 

7. Select the pages where you would like to display this new sidebar. For example, you could select the Shop and Checkout pages.

8. Next, click over to the WooCommerce tab and select the same pages you selected in Step 7. For example, if you selected Shop and Checkout in step 7, select Shop and Checkout under the WooCommerce tab.

9. Click Publish. 

10. To add widgets to the sidebar, go to Appearance > Widgets > WooCommerce Sidebar (or whatever you named the sidebar). You can drag widgets from the left into the sidebar.

If you don't see the WooCommerce sidebar on your Shop page, clear your cache.