Adding product filters to your Shop page

Since we’re organizing the products in your store, if you haven’t installed Storefront, now is a good time to do so. Most themes will work with WooCommerce, but Storefront is designed to work with WooCommerce, and it’s made by WooCommerce so it’s a great place to get started. Whatever theme you choose, you’ll want to make sure you can configure a sidebar so we can add widgets to help our users filter products.

You can do this by going to Appearance | Themes | Storefront | Activate.

Now we want to go to the WordPress customizer. You can get to the customizer through Appearance | Customize in your admin. You should see something like this:

Figure 3.9– The WordPress customizer

Let’s customize our Shop page. To do that, follow the steps given here:

1. Click on Shop from within the customizer, which will load the following page:

...