WooThemes Storefront Tutorial and walkthrough [video]

woothemes storefront tutorial

Storefront is the bright shiny new Theme from WooThemes aimed at WooCommerce users. It’s free and has already been downloaded almost 10,000 times in just 1 week so it’s going to be big.

Here’s a WooThemes Storefront tutorial and video walkthrough we put together showing you how to get your site up and running with WooThemes Storefront.

These videos use the following plugins and themes

  1. WooThemes Storefront Theme (free)
  2. WooThemes Homepage control (free)
  3. WooThemes Storefront designer ($39-$99)
  4. WooThemes Storefront WooCommerce customiser ($39-99)
  5. WooThemes Storefront Parallax Hero ($19)

If you have any questions, please post them in the comments :)

WooThemes Storefront introduction

How to set up a beautiful Parallax Hero component to your home page

WooThemes Storefront WooCommerce customiser

WooThemes Storefront Designer

17 thoughts on “WooThemes Storefront Tutorial and walkthrough [video]

  1. Thanks Jamie! Have you thought about offering the Page Builder and Page Customizer for Storefront at some point?

    1. Thanks John,

      Now there’s an idea :)

      Jamie

      1. The page customizer and page builder are just amazing! Storefront theme loads at lightning speeds and seems to be very compatible with Woocommerce. So with these 2 additions I think it would be a great alternative to Canvas if you didn’t need all the extras that Canvas offers. Thanks for making great products!

        1. Thanks for the feedback :)

          We are already building some cool stuff for Storefront – we’ll have some news soon :)

          Jamie

          1. Can’t wait!

  2. Hi Jamie

    Looks great I would like to see an option that allows you to have a vertical menu on the left hand side of the page for product categories.

    1. Thanks Chris, that’s a good idea :)

      Keep the ideas coming please,

      Jamie

  3. Hi Jamie, I am having trouble creating the homepage on the storefront theme. I have installed the homepage control plugin as well but the changes don’t show up on the homepage. Can you pls run me through the steps. Thanks

    1. Hi, Have you set the homepage to use the homepage page template?

  4. Hi Jamie,
    Thanx for sharing the superb video tutorial and i am using storefron theme but on my product page the size of images are very small i have tried to incraese the size of images from woocommerce setting>products but the size of image not increasing no matter how i increase the image size however,before that i was using wootique theme but now using storfront please help
    thanx for help in advance

    1. Hi Rajat,

      You probably just need to regenerate your thumbnails using this plugin https://wordpress.org/plugins/regenerate-thumbnails/

      Let me know if that works for you :)

      Jamie

  5. i have installed this plugin but not activate it because suppose if this plugin regenerates my pics so all pics will update which inturns update my products page it may cause decrease in the ranking just because of the updation of all pics or it may take time to get their on previous position of page
    please tell me best solution
    thanx for your last reply

    1. Hi Rajat,

      It shouldn’t rename the pics – I believe it should just resize them. So SEO shouldn’t be affected.

      Jamie

  6. Hi jamie
    thanx for your last reply can you please tell me how can i do that stuff and are you sure your idea will work
    thanx for help in advance

  7. hi jamie
    i have noticed that storefront theme is not suitable for mobile.In my case it is giving very bad impression please tell me what should i do

  8. Thanks a lot Jamie! That’s really interesting.
    I was wondering whether you could help me with a query.

    I’ve got a fashion blog powered by the Fashinly theme and I have a shop with Woo-commerce. Now, I want to be able to customise the shop page without affecting any of my other content on the blog.

    Would store front be right for me or will it overwrite my existing theme?
    I just can’t seem to get it… :-)

    Thank you in advance for your response.

  9. Hi Jamie,
    Having trouble hiding search bar in header. I have tried this code in the theme Functions (functions.php) but SB still shows.

    add_action( ‘init’, ‘jk_remove_storefront_header_search’ );

    function jk_remove_storefront_header_search() {

    remove_action( ‘storefront_header’, ‘storefront_product_search’, 40 );

    }

Leave a Reply

Your email address will not be published. Required fields are marked *