Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
FREELessons:13Length:1.6 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

6.1 Conclusion

I hope you've learned something during this course. My name's Rachel McCollin and from all of us here at Tuts+ thanks for watching.

6.1 Conclusion

Hello and welcome to the final part of this Tuts+ course on WooCommerce theme development.. In this course, we've developed a theme for use with a WooCommerce store. And we've customized elements of WooCommerce by making copies of some of the template files into our theme. And also by writing functions into our theme which we've hooked into the hooks that are provided by WooCommerce. We've also added some styling. What we added to the homepage was these images up here. And we used the hook in WooCommerce which we attached functions to, and that function was written in our theme's functions file. Also on the homepage, and on every other page too, are these featured products in the sidebar. And the way we achieved this was by creating a new query using WP_Query. We output the featured image for each product, and also its title, with a link through to the product. The next thing we did was look to the product category page. And here we added an image for each product category and a description. We added a function attached to a hook, and that outputs and displays that image. The next page we worked on was the single product page. Here we did make some simple changes to the styling. We changed the colors of the button, and the price. And we also changed the size of the images that are output here for related products and up sells. We then moved on to the search form. When you search for something that's already in the database, you get a really nice result. But when you search for something that isn't there, what was there by default wasn't particularly helpful. So we added something here. We added another search box. We added some text to help people. And we also added these images here that link through to the main departments. And then finally, we worked on the check out screen. We added some simple text in a paragraph at the top of this screen, which we did by making a function in our functions file and attaching that to a hook that's provided by WooCommerce. During this course, you should have learned a lot more about WooCommerce. About how it's structured, how its templates work, and the fact that it uses a range of action hooks and functions to let you make customizations to your store. But if you spend some time looking at the WooCommerce documentation, you'll find that there's much more you can do. The WooCommerce documentation is really detailed. There's a Getting Started section for helping you to use the admin screens. There's a Codex which gives you guidance on extending WooCommerce and customizing it, and on theming as well. And there's API documentation, which I've been using the identify the functions that we've been using throughout this course. So that's the end of our course. Thanks for watching. I hope you found it really useful, and that you go on to create you own amazing, bespoke, and powerful WooCommerce stores. Thanks for watching!

Back to the top