Say hello to Storefront!

Written by James Koster on November 20, 2014 Blog, News, Product News.

Today we’re proud to announce Storefront, a brand new theme that marks the start of an exciting chapter in the WooThemes adventure! Storefront is a lightweight, flexible, free WooCommerce theme and is available for download right now on WordPress.org.

Screen Shot 2014-11-20 at 13.26.02

Since launching WooCommerce growth has been incredible – we’ve recently surpassed a gargantuan 5 million downloads and hosted our own conference! It’s amazing to think that just three years ago WordPress ecommerce wasn’t even taken seriously and it’s been a privilege to play a central role in changing that perception, becoming the global market leading ecommerce solution.

Working with a community of talented extension developers and partners, we’ve come a long way and, with a robust, empowering and user friendly platform, made the choice of ecommerce system easy. However:

While choosing an ecommerce platform for WordPress is now easy, a decision that remains difficult is what theme to use for your store. The frontend, the very thing your customers engage and interact with. The thing upon which the performance of your store relies so heavily.

We get so many emails from WooCommerce users requesting advice on which theme to use for their shops. Storefront is our de facto answer to that very common question.

storefront

Building a theme you’ll want to use

When it comes to ecommerce theme design and development we’ve noticed two things. The first is that folks want simplicity and flexibility – something that can be used as-is, or customised without touching code to create a unique aesthetic that matches their brand. Secondly, we understand that all stores are different and have their own set of feature requirements.

As far as ecommerce functionality goes this has been satisfied via WooCommerce and its extensions – you can pick and choose the features you need to create the perfect backend for your store. Now, Storefront will give you that same flexibility on the frontend via it’s own suite of extensions.

Based on the same model that made WooCommerce a roaring success, Storefront features a lightweight core with the features and customisation options needed to get you up and running with minimal effort. Then, when you need to add a feature you can do so by installing an extension. This keeps the core theme’s codebase nice and lean which improves performance and reduces potential security threats.

In production you will only be running the code you need rather than a whole bunch of stuff you’ll never use. Storefront is a return to letting themes be themes – the visual layer that your visitors interact with. Features and functionality? Optional plugins.

Canvas is for a website that might be a store. Storefront is for a store that might need a blog.

Storefront should not add further confusion as to what theme to choose in our diverse catalog. We feel the quote above from our product manager, Matty Cohen, at the recent WooCommerce meetup in Los Angeles, makes our intent and strategy clear.

What’s included in Storefront?

Much like WooCommerce core, Storefront is capable of holding its weight even without extensions. Here are some of the key included features:

WooCommerce Integration

Storefront features an unrivalled deep integration with WooCommerce core. We’ve included a dropdown cart link and product search in the header and integration with several customer facing extensions like Bookings, Brands and Wishlists.

Screen Shot 2014-10-13 at 12.18.22

Having been developed by WooCommerce core authors you can rest assured that this integration is bullet proof and compliant with the latest WooCommerce developments and standards. This cannot be undervalued – when selling online your site is one of, if not the most important asset you own and you need to be confident that when there’s a major WooCommerce release, your theme is going to work without conflicts. Storefront means you can rest assured that you’re always up to date with the latest WooCommerce developments.

Lightweight, robust core

To make it on to the WordPress.org theme repository the theme is required to go through a rigorous review process. So right off the bat you know the theme is well built and reliable. As mentioned before, we’ve kept the theme very lean and based it on Automattic’s popular underscores starter theme. All the themes on WordPress.com are based on the same framework.

To this we’ve added a flexible design and a sprinkling of developer friendly hooks and filters. Keeping the codebase nice and clean provides plenty of potential to extend and add all kinds of features and functionality via plugins. We encourage anyone interested in the project to get involved via the public GitHub repository and if you have an idea for an extension, please do get in touch!

Design options

Every store is unique and we understand that folks want to create a look and feel that matches their business. In Storefront there are several display settings that allow you to customise the design to meet your requirements.

These settings are all accessible in the WordPress Customiser, allowing you to preview your changes in real time.

Homepage Template

This template is perfect for your shops homepage. It displays a whole bunch of content to immerse the visitor in your products. Included are links to product categories, featured products, recent products, on sale products and popular products. Each of these components can be toggled / re-arranged using our Homepage Control plugin.

What’s not included? Sliders, Shortcodes and Page Builders

At first this might not seem like a feature, but it’s something we’re passionate about and believe it is actually one of the very best Storefront features.

What you won’t find are Sliders, Shortcodes or Page Builders. Each of these features add a whole bunch of code and if you’re not even going to use them the bloat becomes embarrassing. Including these in the theme also removes your freedom to choose a plugin alternative. We’re big believers in allowing you to easily switch themes without having a significant impact on your content.

By not including these features you’re free to add them via whichever plugin you prefer, and if/when you switch themes later on down the road all of those features will remain. We firmly believe that building Storefront this way means you will be less likely to need or want to switch, but at the same time wholeheartedly encourage the entrepreneurial opportunity that WooCommerce offers for theme developers far and wide.

Obviously Storefront is compatible with our own WooSlider plugin for your slider needs. You also have a growing choice of Page Builder plugins such as Site Origin, Visual Composer and VelocityPage.


Download Storefront View Storefront demo


Three Storefront Extensions: Designer, WooCommerce Customiser & Parallax Hero

To coincide with the launch of Storefront we’ve prepared three extensions that will really make your store pop and satisfy some of the most popular feature requests.

1. Storefront designer

The Storefront Designer extensions adds a bunch of additional settings to the Customiser allowing your to further customise the look and feel of your web site. With the power these settings unlock you’ll be able to create a truly unique Storefront site that looks like no other!

Some of the Storefront Designer settings
Some of the Storefront Designer settings

Buy Storefront Designer


2. Storefront WooCommerce Customiser

The Storefront WooCommerce Customiser adds a bunch of additional settings to the WordPress Customiser allowing you to further customise the look and feel of your shop.

Some of the Storefront WooCommerce Customiser settings
Some of the Storefront WooCommerce Customiser settings

Buy Storefront WooCommerce Customiser


3. Storefront Parallax Hero

This extension adds a hero component to the homepage template that features a parallax scrolling background. Like all the other Storefront display features / settings you have complete control via the Customiser. Woo!

The Parallax Hero
The Parallax Hero

Buy Storefront Parallax Hero


Looking ahead to upcoming extensions

In addition to these three initial extensions, we have a couple others in the works that we hope to have available soon. The first is a Checkout Customiser extension that will provide you with different layout options for the checkout (such as stacking shipping/billing addresses and separating address input and payment details into two separate steps). Secondly we’re excited to finally be working on a Mega Menu extension for Storefront which is a feature our users have requested for a very long time.


We can’t wait to see what you get up to with Storefront! We’ve prepared a bunch of documentation to help get you started and if you’d like to contribute to the project you can do so over on GitHub.

Over and out.

cta-banner-10-product-page-v2_2x

79 Responses

  1. Tajim
    November 20, 2014 at 3:10 pm #

    Demo URL seems to be broken 🙁

    • Warren Holmes
      November 20, 2014 at 3:22 pm #

      Oops, just fixed that one up 🙂

  2. Alex
    November 20, 2014 at 3:46 pm #

    Hey guys!
    Change the copyright, 2014 year is outside 😉

  3. Stece
    November 20, 2014 at 3:57 pm #

    I bought Superstore a few months ago and was planning to migrate to it. I’m now wondering if I made a mistake, please can you describe what benefits Superstore has over Storefront?

    • James
      November 20, 2014 at 4:51 pm #

      When it comes to themes I would advise you to use the one which you prefer the look of. Storefront will however give you more control over appearance so if you plan to tweak and fine tune without touching code it might be the better choice.

      As for features, all I can suggest is that you compare the landing pages:

      http://woo.com/products/superstore/
      http://woo.com/storefront/

  4. Simon Harper
    November 20, 2014 at 4:17 pm #

    I have just installed the Homepage Control plugin (which looks great by the way)

    It doesn’t seem to work with Canvas or at least my Canvas Child Theme.

    I even tried copying the index.php into my Child Theme and the plugin still wouldn’t recognise any components.

    Is Canvas supported? (The correct reference seems to be in the code.

    Kind regards,

    Simon

    • Tiago
      November 20, 2014 at 4:25 pm #

      Homepage Control should work with all the child themes we released. If it is not working for you, please submit a ticket. 🙂

  5. Rick
    November 20, 2014 at 4:51 pm #

    I too am interested in what the differences between Storefront and SuperStore. I’ve been using Storefront.

    Thanks

  6. Jon
    November 20, 2014 at 4:52 pm #

    Is this theme sensei compatible?

    • Dwain
      November 20, 2014 at 5:33 pm #

      Hi Jon,

      I’m sorry, but this theme doesn’t come with Sensei support.

      • Alberto
        November 21, 2014 at 4:38 am #

        Hi, is Storefront compatible with Mystile Woo theme?

        • Bryce
          November 21, 2014 at 5:30 am #

          Hey Alberto,

          Mystile and Storefront are both themes, so you can only use one or the other.

  7. Matt
    November 20, 2014 at 5:00 pm #

    Great looking theme and step forward for WooCommerce.

    If I could throw our hat into the ring for Page Builder alternatives, we recently launched WooCommerce support for Conductor. Less code, less bloat, boat loads of time saving 🙂

    https://conductorplugin.com/building-woocommerce-lading-pages-that-convert/

  8. SkyVerge
    November 20, 2014 at 5:25 pm #

    Congrats Jay & WooCrew on a great new theme release! We’ve tested this one out and love it already 🙂
    – Team SkyVerge

  9. samuel
    November 20, 2014 at 5:58 pm #

    Wow thanks. An amazing Theme. I’ve tested it and – amazing!!

    • James
      November 20, 2014 at 8:09 pm #

      Glad you like it 🙂

  10. Ryan
    November 20, 2014 at 6:04 pm #

    Will the checkout customized work with all woothemes? If so thats the best news ever!

    • James
      November 20, 2014 at 7:39 pm #

      I’m afraid not. Making extensions like this work with all themes results in (in our opinion) a sub standard result. That’s not what we’re aiming for. We want to tie functionality with appearance seamlessly which is why these extensions are designed specifically to be used with Storefront.

  11. jamesmarsland
    November 20, 2014 at 6:11 pm #

    Woohoo !

    Already had a good play with this and it’s fab 🙂

    Great work,

  12. Glen
    November 20, 2014 at 6:37 pm #

    Will the theme itself be updated a lot? I.e. do you suggest using a child theme for this?

    • Magnus Jepson
      November 20, 2014 at 7:29 pm #

      Yes we always recommend using a child theme if you are going to do code customisations.

  13. Kyle Alm
    November 20, 2014 at 10:31 pm #

    Very cool looking theme. Going to go put it through the paces right now.

  14. Ken Richman
    November 20, 2014 at 10:55 pm #

    I like the look of it very much, but It’s a shame that when you scroll to the products you instantly lose access to the menu, could that be addressed?

    • James
      November 21, 2014 at 12:08 am #

      The Storefront Designer extension has a ‘sticky header’ setting that, as the name suggests, sticks the header to the top of the browser when you scroll.

  15. Jaki
    November 20, 2014 at 10:57 pm #

    Big. Thumbs. Up. Not only is this theme responsive. But your team’s also responsive. Untying all those theme options and “features” from the theme is a great way to go. I’ve had to uncouple lots of content from older themes, just to get new functionality to work. Excited to get going with this!

  16. Dom
    November 21, 2014 at 12:56 am #

    Hi

    Will this work with sensei?

    Thanks

    • James
      November 21, 2014 at 1:00 am #

      It will work, but there’s no dedicated Sensei integration.

  17. jerseygirl
    November 21, 2014 at 2:04 am #

    Hello! I am having some issues..is there demo content for this? If so please tell me where I can download it.

    Thanks

  18. jerseygirl
    November 21, 2014 at 2:08 am #

    Is there a copy of the demo that can be downloaded?

  19. Firman Pamungkas
    November 21, 2014 at 3:05 pm #

    just awesome !!

  20. Pastie
    November 21, 2014 at 5:41 pm #

    Does this herald the start of a new pricing model for themes on the lines of the one in place for Woocommerce? If so what will you approach be to existing All Themes Package subscribers like me who until now have been able to access all your themes and theme functionality for one bundled price.

    Granted you have made the base theme a free to all product but I note the new theme extensions have not appeared in my Woo available downloads so I assume it is now your intention to charge All Themes subscribers for the additional theme extension functionality. My own All Themes Package renewal falls due early next year but without some more detailed clarification now as to your future theme marketing strategy my fear is that All Themes access will become increasingly irrelevant as a value proposition over time as you focus on Storefront and it’s premium extensions rather than maintaining the existing All Themes portfolio.

    • Jason
      November 22, 2014 at 2:21 am #

      Great question.

    • Magnus Jepson
      November 22, 2014 at 9:05 am #

      Hi Pastie/Jason,

      We will still continue to make Canvas Child themes giving you new fresh designs, and update our existing themes.

      Storefront extensions are not part of the All Theme Package unfortunately.

      If you find more value in Storefront, instead of the All Theme Package, we fully understand if you do not renew your ATP package.

      • Pastie
        November 24, 2014 at 1:55 am #

        Does this mean in future you plan to make Canvas a free theme on par with Storefront with optional premium child themes?

        • Matty Cohen
          November 24, 2014 at 9:45 am #

          Hi Pastie/Jason,

          I’d advise keeping an eye on our blog and emails for more information on Canvas, as we have it. 🙂

          At present, Canvas is business as usual and is a paid-for product.

  21. elarson2
    November 21, 2014 at 7:18 pm #

    Is Storefront compatible with WordPress Multilingual (WPML) and WooCommerce Multilingual?

    • James
      November 21, 2014 at 7:53 pm #

      I haven’t actually tested this but it should be.

      Why not download it and take a look, it’s free after all 😉

      If you spot any issues, report them here and we’ll look into it.

  22. Josh
    November 21, 2014 at 10:11 pm #

    How can I remove the “Storefront designed by WooThemes.” line from the footer? If found this page: https://support.woothemes.com/hc/en-us/articles/203106397-How-to-remove-Designed-by-WooThemes-from-footer but the instructions don’t seem to be relevant for the Storefront theme.

    • Josh
      November 21, 2014 at 10:36 pm #

      To remove the “Storefront designed by WooThemes.” line from the footer you need to create a child theme and override the storefront_credit() function in your child theme’s functions.php file. The original storefront_credit() function is in /storefront/inc/structure/footer.php.

      • Josh
        November 22, 2014 at 2:32 am #

        Is there a more appropriate or “cleaner” way of doing this?

        • Magnus Jepson
          November 22, 2014 at 9:02 am #

          Hey Josh,

          If you are a customer, please use our Help Desk or WP Forums for help, as we can’t provide support in our comments.

        • matt
          December 4, 2014 at 7:47 am #

          Simple fix…just customize the theme and change all the text colors to the same as the background…it’s still there, but in stealth mode! 🙂

          • matt
            December 4, 2014 at 7:48 am #

            All the text in the footer section, that is.

    • David
      December 14, 2014 at 12:46 am #

      if ( ! function_exists( ‘storefront_credit’ ) ) {
      function storefront_credit() {
      ?>


      <?php
      }
      }

  23. Jason
    November 22, 2014 at 2:19 am #

    Quick question… I have not downloaded yet…
    Can we bring our own parallax and mega menu plug ins from other developers?

    • James
      November 22, 2014 at 2:23 am #

      Of course, they’re probably not going to look as nice though 🙂

  24. graymatter
    November 23, 2014 at 8:16 am #

    I want to leverage Amazon exclusively for checkout and not confuse them by showing them the billing and shipping fields when they click on Proceed to Checkout. I reviewed the documentation and could not find adequate guidance. I also want the tax information to be based on the address selected in the Amazon widget. Will this be possible or should I be looking at other solutions ?

    • James
      November 23, 2014 at 11:41 pm #

      I assume you’re using this gateway? If so post in support and our team can guide you further.

  25. John Moseley
    November 23, 2014 at 9:29 pm #

    I’m trying out the Storefront theme and noticed there is no contact page template. Do you have a plugin for this?

    • James
      November 23, 2014 at 11:42 pm #

      We don’t have our own contact plugin, there are many highly rated free ones available on wordpress.org though. Take a look at ninja forms.

  26. jackpelling
    November 24, 2014 at 12:50 am #

    Hi
    I’ve been using the Gazette theme through Zonbuilder to build my Amazon affiliate websites, is storefront also compatible for this purpose.

    • James
      November 24, 2014 at 11:23 am #

      I’ve never used Zon Builder so cannot guarantee compatibility as I don’t know how that plugin works. I’d advise you to give it a try.

      If you were to migrate to Storefront you might want to look at creating an affiliate store with WooCommerce instead.

  27. Wolforg
    November 24, 2014 at 6:02 pm #

    Hello and congratulations for this great theme. You can find a Storefront’s French Translation here : http://www.wptrads.com/theme/storefront/

    Best regards,
    Didier.

    • James
      November 24, 2014 at 6:33 pm #

      Thanks so much for the translation, would you mind submitting this on Transifex?

      Thanks again.

  28. richardhayesdigital
    November 25, 2014 at 12:51 am #

    Hi Guys

    Great theme, however having a few issues trying to overwrite header.php for storefront, if I include it into my child theme /structure/header.php it doesn’t seem to overwrite the current header.php. Do I need to add a redirection in my child’s functions.php file to redirect templates? I’m trying to add a logo to the header. Don’t want to use plugins for this.

    Need your help please.

    • James
      November 25, 2014 at 12:54 am #

      If you’re just overwriting the header.php template file you should place that in the root directory of your child theme. IE /wp-content/your-theme/header.php.

      If you need more help open a support ticket 🙂

      • richardhayesdigital
        November 25, 2014 at 1:05 am #

        Yep tried that but when you move the header.php file into /wp-content/your-theme/header.php. it kills the website completely.

        • James
          November 25, 2014 at 1:28 am #

          You’re moving the wrong file.

          /storefront/header.php goes to /child-theme/header.php.

          /structure/header.php cannot be overwritten by a child theme.

  29. richardhayesdigital
    November 25, 2014 at 2:20 am #

    Hi There

    I have done thats as well and same result, the moment I move the header.php file the website doesn’t load at all. Also there is no reference in /storefront/header.php to the site title: this is included to point to /structure/header.php

    if ( ! function_exists( ‘storefront_site_branding’ ) ) {
    /**
    * Display Site Branding
    * @since 1.0.0
    * @return void
    */
    function storefront_site_branding() {
    if ( function_exists( ‘has_site_logo’ ) && has_site_logo() ) {
    the_site_logo();
    } else {
    ?>

    <a href="” rel=”home”>

    <?php }
    }
    }

    It seems the moment you move the header file the file paths get lost. I have left a ticket with support but have not received any information so far.

    Thanks for your time. Any ideas?

    • James
      November 25, 2014 at 11:08 am #

      Hey, you’re misunderstanding the files a bit. inc/structure/header.php is not the header template, it is where functions relating to the header (like the logo output) are stored. You cannot overwrite it via child theme.

      Instead, you can overwrite the individual functions. There’s a couple of ways to do that. You can unhook the defaults and hook your own functions in (see storefront/header.php to find out what is hooked in and where) or you can redeclare the core functions in your child themes functions.php file.

      Hope that clears things up.

  30. richardhayesdigital
    November 25, 2014 at 2:21 am #

    Sorry the code in header.php is:

  31. funniteart
    November 25, 2014 at 10:01 am #

    Will this work with WooTickets?

    • James
      November 25, 2014 at 11:09 am #

      We’ve not tested it, but it should do. If you find any issues you can suggest a deep integration on the ideasboard.

  32. allmyhoney
    November 26, 2014 at 5:43 pm #

    Product Vendors support here possibly?

    • Ryan
      November 26, 2014 at 10:27 pm #

      There isn’t much Product Vendor support to add to a theme. It uses the default product archive template, showing a grid of products from each specific vendor.

      Most everything Product Vendors does is on the backend. 🙂

  33. Agbonghama Collins
    November 27, 2014 at 9:05 pm #

    After changing the front page to a static page with template “Homepage”. how do i create a page that list all recent blog post as seen in http://demo2.woothemes.com/storefront/blog/

    I can’t fine a page template for it?

    Help pls

    • James
      November 28, 2014 at 3:07 pm #

      Just create a new page and set that as your ‘posts’ page in the WordPress reading settings.

  34. Shereen
    December 6, 2014 at 3:39 pm #

    I just purchased the storefront parallex hero ..however i tried uploading the image and it is not working..any reason why?

    • James
      December 7, 2014 at 9:52 pm #

      Please open a ticket and our support team will assist you 🙂

  35. Paco Vermeulen
    December 11, 2014 at 6:26 pm #

    Hi,

    I tested this theme on my iPhone. It looks nice, except for the cart and checkout pages. These are not fully responsive so part of the order overview falls outside the screen.

    How can I fix this?

    Best,

    Paco

  36. Dian
    December 12, 2014 at 10:50 am #

    Excellent content you post here! You can earn some
    extra cash from your page, don’t miss this opportunity, for more details simply type in google –
    omgerido monetize website

  37. David
    December 14, 2014 at 12:49 am #

    Really great theme. Thanks a lot !

  38. rajat
    January 7, 2015 at 7:27 am #

    Hi,
    Woocommerce software is awsm no one can beat and storefront theme is excellent but problem is that in my site everything is fine but the product images are very small i don’t know whats the problem please help me hope!woo expert will answer my question
    thanx for help in advance

  39. patovacom
    January 11, 2015 at 8:48 am #

    Hello,
    nice design but a few things are really hard to change.
    Why isnt there DEMO CONTENT in this page http://woo.com/theme-demo-content/?
    I tried using the link u posted but it doesnt work as it doesnt import any content when im uploading the xml. Nothing at all changes to say it exactly the way it is.

    thanks a lot!

  40. patovacom
    January 11, 2015 at 9:59 am #

    Also,
    is it possible to create this Homepage http://demo2.woothemes.com/storefront/ with the free version? I just cant find any possibility to have a clean Homepage and on all other pages a sidebar Menu widget, without adding it separatelly to each of the other pages.

  41. rajat
    January 12, 2015 at 3:50 pm #

    hi,
    i am using storefront theme but the major problem of this theme is that it is not compatible with moblie phones.
    as you can see on my site it is not working well on mobile devicesplease let me know whats hat issue and to solve that problem

Trackbacks/Pingbacks

  1. A year in review for WooThemes - WooThemes