Join Patrick Rauland for an in-depth discussion in this video Install Storefront, part of WordPress Ecommerce: WooCommerce.
- [Instructor] Up until this point, we've mostly been adding products to the store and configuring the settings. This is all well and good, but our store looks pretty boring. Lucky for us, there are hundreds of free WooCommerce themes on WordPress.org, and there are plenty of theme stores like WooCommerce and CodeCanyon that sell premium themes. We'll be using the free theme called Storefront. It's made by WooCommerce and it looks great. I'm primarily choosing it, because it's what the WooCommerce team uses for testing purposes.
Everything gets tested against Storefront. If you use some totally unique theme that loads pages in a novel way, you might have some issues. By using the recommended theme, I shouldn't ever have any of these problems. To start, let's download Storefront. You can click the button right here, or you can download it from your site. Let's go to our site, into the back end, and we'll go to Appearance, Themes, and Add New. In the search box, we'll type in Storefront.
Click this to open it up and you want to install this one from WooThemes. WooCommerce used to be WooThemes, so if you see WooThemes instead of WooCommerce anywhere, don't worry about it, it's still legit. Let's click Install and Activate. Once you activate the theme, you'll see this get started button. This page will give you a better idea of what Storefront can do. You'll see a list of extensions that make it even better. We won't need any of these for our store, but you may want to take a look at them to see if they'd be useful for your store.
On the right hand side, there are child themes for Storefront. Child themes, if you haven't used them before, are a way of customizing your theme for your own purposes, but still getting updates for the main theme. These child themes are designed for specific industries. If you work in one of those industries, you might be able to save yourself some time by using these child themes. If we scroll back up just a little bit, you'll see a list of free plugins designed specifically for Storefront. We'll be using some of these in upcoming videos. We've installed Storefront, but we haven't actually seen how our site looks.
Let's take a look at it. Go here and Visit Site. Before we get to customizing all the colors in a future video, I want our site to be e-commerce focused, so I want to make sure that the Shop page, which lists all of our products is going to be the homepage, or what WordPress calls the front page. We can do this under Settings and then Reading. Under Front Page Displays, we'll click A Static Page, then click the one that's called Shop.
Now, if you still want to have blog posts, you'll have to put them somewhere else. Let's go ahead and quickly send them to the About page. We'll go ahead and change that right now. I'll save it quickly and we'll create a new page that hosts all of our blog pages. We'll call it Blog. Let's go back to Settings, Reading. Now the front page of our site page should be the Shop, which will display all of our products, and all of our blog posts will be on the Blog page.
We'll just take a quick look, perfect. At this point, we've installed Storefront and we've changed how the front page looks. In an upcoming video, we're going to customize the way the theme looks.
- Why WooCommerce?
- Installing WooCommerce
- Setting up your store
- Adding products, including images and data
- Creating a subscription product
- Setting up shipping
- Configuring payment options
- Setting up taxes
- Customizing your theme
- Connecting Google Analytics and MailChimp
- Managing orders and reports