Book Image

Mastering WooCommerce 4

By : Patrick Rauland
Book Image

Mastering WooCommerce 4

By: Patrick Rauland

Overview of this book

WooCommerce is one of the most flexible platforms for building online stores. With its flexibility, you can offer virtually any feature to a client using the WordPress system. WooCommerce is also self-hosted, so the ownership of data lies with you and your client. This book starts with the essentials of building a WooCommerce store. You’ll learn how to set up WooCommerce and implement payment, shipping, and tax options, as well as configure your product. The book also demonstrates ways to customize and manage your products by using SEO for enhanced visibility. As you advance, you’ll understand how to manage sales by using POS systems, outsource fulfillment, and external reporting services. Once you’ve set up and organized your online store, you’ll focus on improving the user experience of your e-commerce website. In addition to this, the book takes you through caching techniques to not only improve the speed and performance of your website but also its look and UI by adding themes. Finally, you’ll build the landing page for your website to promote your product, and design WooCommerce plugins to customize the functionalities of your e-commerce website. By the end of this WooCommerce book, you’ll have learned how to run a complete WooCommerce store, and be able to customize each section of the store on the frontend as well as backend.
Table of Contents (15 chapters)

Adding product filters to your Shop page

Since we're organizing the products in your store, if you haven't installed and activated Storefront, now is a good time to do so. You'll want to have a sidebar so we can add widgets to help our users to filter products:

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

When you do so, you'll see a nag to install a home page and a list of products. I'm going to do both so we have a lot of products to sort through:

  1. Once you do and you click Let's go!, you'll be taken to the WordPress customizer:

If you aren't automatically taken here, you can get to the customizer through Appearance | Customize in your admin.

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 page:

By default, down...