Table of Contents for
Building E-Commerce Solutions with WooCommerce - Second Edition

Version ebook / Retour

Cover image for bash Cookbook, 2nd Edition Building E-Commerce Solutions with WooCommerce - Second Edition by Robbert Ravensbergen Published by Packt Publishing, 2015
  1. Cover
  2. Table of Contents
  3. Building E-Commerce Solutions with WooCommerce Second Edition
  4. Building E-Commerce Solutions with WooCommerce Second Edition
  5. Credits
  6. About the Author
  7. About the Reviewers
  8. www.PacktPub.com
  9. Preface
  10. What you need for this book
  11. Who this book is for
  12. Conventions
  13. Reader feedback
  14. Customer support
  15. 1. Setting Up WooCommerce
  16. Installing WooCommerce
  17. Setting up WooCommerce
  18. Summary
  19. 2. Creating Your First Products
  20. Creating your first product
  21. Setting the categories, tags, and images for your product
  22. Summary
  23. 3. Using Downloadable Products and Variations
  24. Using attributes
  25. Setting up variable and grouped products
  26. Other product types
  27. Summary
  28. 4. Payments, Shipping, and Coupons
  29. Shipping methods and prices
  30. Using discount coupons
  31. Summary
  32. 5. Working with WooCommerce Themes
  33. Making or buying a theme
  34. Installing a WooCommerce theme
  35. Using the Storefront theme
  36. Summary
  37. 6. Customizing a WooCommerce Theme
  38. WordPress theme basics
  39. Developing WooCommerce themes
  40. Summary
  41. 7. Running Your Online Store
  42. Deploying your WooCommerce store
  43. Working with sales orders
  44. Reporting
  45. Summary
  46. 8. More Possibilities Using Plugins
  47. Popular and useful WooCommerce plugins
  48. A store in multiple languages
  49. Summary
  50. Index

Using the Storefront theme

The Storefront theme is definitely one of the better free themes. That makes sense because it was developed by the creators of WooCommerce.

The functionality of Storefront is a bit limited. However, you can expand the functionality by installing additional plugins for Storefront, which you have to pay for. Let's first take a look at the changes that you can make by default.

After activating the theme, it will add additional menu items to the Appearance menu in WordPress. Here, you'll find several shortcuts for additional possibilities. WooThemes is a commercial company after all, so there are plenty of links here for more options, which you have to pay for.

Using the Storefront theme

Whether you click on the link to Configure menus or Open the Customizer, in both cases the WordPress customizer will be opened. Since WordPress 4.3, you can change your menus from within the customizer, but the old function using Appearance | Menus is still available:

Using the Storefront theme

Just navigate the various options to change the items that you need, for example, the background and font colors.

Note that the Layout option on the left gives the possibility to show the sidebar on the left, which makes sense for a typical online store.

Adding a logo

It's possible to add a header image to the Storefront theme. But strangely enough, Storefront does not offer the possibility to add your company logo, and the header image isn't really meant for this. To solve this problem, you must download and install the Storefront Logo Plugin, which will add the function to the customizer, at https://wordpress.org/plugins/storefront-site-logo/. Alternatively, you may also use the WordPress Jetpack plugin, which also gives you the possibility to change the logo http://jetpack.me/.

Homepage control

Another plugin that you really want to install when working with the Storefront theme is Homepage control. Use it if you decide to use a regular page as a home page for your website instead of the blog. Download it at https://wordpress.org/plugins/homepage-control/. Once activated, navigate to the customizer again to switch off any area that you do not want to include on your homepage:

Homepage control

Did you notice that Storefront also shows an image for your product categories on the home page? You can switch these off, but if you want to keep them, navigate to Products | Categories and add an image for every category.

Let's have a look at our current result using the Storefront theme and without changing a single line of code!

Homepage control

Tip

You might want to make more changes to the theme, but changing code is something that we'll discuss in the next chapter. Before we dive into code, please also have a look at the Storefront customization plugin. It's not free, but gives you additional possibilities to change the look and feel of your store (http://www.woothemes.com/products/storefront-woocommerce-customiser/).