Headway with AJ: Storefront: WooCommerce Screencast

Update: We wanted to update this post to let you know that we’ve since removed the Storefront block as we now support WooCommerce in our content block that is included in Headway Base. Please make sure you’ve updated to 3.6.3.

Today marks the reboot of the Screencast Tuesday series. I hinted at it on Twitter yesterday, and got some great feedback about maybe renaming it to the ‘Headway with AJ’ so I renamed it for the time being since this week and next, they aren’t coming on out Tuesdays. They are still packed with helpful tips and tricks though to get you moving in the right direction for your next project.

This week’s screencast is one that’s been asked about for awhile now. We just haven’t had time to get to it. We’re going to be coving WooCommerce and the Storefront: WooCommerce block by Headway. There’s a lot of information we could go into, and while I didn’t really think you all wanted me to talk on and on for hours about WooCommerce (there’s a lot of things it does!!), I wanted to focus our time on using it with Storefront: WooCommerce block, and with Headway.

The screencast is about 20 minutes in length and covers a fresh install of WordPress, Headway, WooCommerce and Storefront: WooCommerce block. I go over a few of the minor settings I wanted to change in WooCommerce, how to fill your store with test products so you can play with the pages and design your site, and we go over the few uses for the Storefront: WooCommerce block.

Update: The screencast is now here. Sorry about that ya’ll!

Spread the word!

30 Responses

  1. Thanks, that was helpful!  I was just playing with the block today and looking for a tutorial and you created one yesterday!

  2. Thanks AJ. Nice ‘cast. I have a site going live next week using HW and WC, been working on it for a couple of weeks and I think you’ll like it. Will be posting a link in the forums once it goes live.

  3. Fabulous!  Thank you so much for doing this video, the first time I installed it I didn’t have a clue to what I was doing, and reinstalled headway and started over.  Extremely happy to know I can try again with your guidance!  You guys rock!

  4. Hi AJ,

    Nice cast, but with the new version of hw with fluid wrapper i have some problems,nothing apear.

  5. I have tried installed woo commerce to my headway theme 3 times now. the above video makes sense up to a point. Then it does not. I have already built my website with headway and want to add woocommerce to the shop page. The above video does not address this. It does not work. Could it be that I already have a Shop page. By installing is it supposed to make a Shop page? It does not and when I do into Headway Grid:Page: There is no Shop page to edit.

  6. Also..no offense…but it is kind of ridiculous for it the create a SHOP page..yet in the VE..there is no SHOP page.

    • Michelle – WooCommerce upon first install will ask you if you want to create the WC related pages. When you do that, they will show up in the VE under pages. If you need further assistance with any issues with that, please let us know in the forums. Thanks!

  7. THANK YOU AJ! I’ve been trying to hard code some hooks (without the Storefront plugin), and it’s been a nightmare. THIS IS EASY! THANKS!

  8. Great video! Do you know how to get one category on one page, and another on another page. I would love to be able to only show some product on certain pages.

    Hope you can help me out.

    Thanks a lot,


  9. Hi AJ,
    Tried this back in June and gave up and used a theme as it was my first ecommerce website. Now I am back and it all makes sense and is sooo nice to be free of child themes and heavy websites. Love your work thank you for coming up with this!!!!

  10. If i wanted to display only a specific category inside a normal page with content in it, I wish I could select the category of the products to display there.

    Are you looking to add block options to the WooCommerce block?

  11. This is great!

    I think it would be nice to have the ability to control the number of items per row (pretty big deal). As is, you have to edit the php files manually to accomplish this.

    A less important but also useful ability would be the ability to have a “featured items” block or something on the front page. Right now adding a wooCommerce block on the front page pastes the entire store on the front page when you may only want a deal of the day up there or something.

    • Thanks for the suggestions, Benjamin!

      We’re going to be doing more with Storefront in the near future 🙂

    • We’ve actually removed the block because it’s now support much better in the latest content block.

  12. HT 3.6.3 and woo commerce v2.1.6 I select the content block but can’t see how to display products on the page. Can this video be updated to show how do to it now?, very confusing!.

    • Derrick,

      After you add a Content Block on a WooCommerce page your products should show up automatically.

      Sorry for the confusion!

  13. What about woocommerce categories?

    I have a product category which now shows me a 404 error since installing headway.

    Any ideas?

    Thank in advance.

  14. I was totally stumped as to why the shop page was not changing until I found this video. Can’t thank you enough 😉

  15. Many thanks!! Wondering can you customise the “add cart” button more then just a font change? All so i can’t find a way to hide the now showing X results in the top left hand corner? Any one know how to do this?



Leave a reply

Copyright © 2016 Vesped Inc. All Rights Reserved. Proudly Powered by Headway and WordPress