Say hello to Storefront!


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
James Koster Avatar

About

79 comments

  1. Demo URL seems to be broken 🙁

    Tajim
    November 20, 2014
    • Oops, just fixed that one up 🙂

      Warren Holmes
      November 20, 2014
  2. Hey guys!
    Change the copyright, 2014 year is outside 😉

    Alex
    November 20, 2014
  3. 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?

    Stece
    November 20, 2014
    • 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://woocommerce.com/products/superstore/
      http://woocommerce.com/storefront/

      James
      November 20, 2014
  4. 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

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

      Tiago
      November 20, 2014
  5. I too am interested in what the differences between Storefront and SuperStore. I’ve been using Storefront.

    Thanks

    Rick
    November 20, 2014
  6. Is this theme sensei compatible?

    Jon
    November 20, 2014
    • Hi Jon,

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

      Dwain
      November 20, 2014
      • Hi, is Storefront compatible with Mystile Woo theme?

        Alberto
        November 21, 2014
        • Hey Alberto,

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

          Bryce
          November 21, 2014
  7. 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/

    Matt
    November 20, 2014
  8. Congrats Jay & WooCrew on a great new theme release! We’ve tested this one out and love it already 🙂
    – Team SkyVerge

    SkyVerge
    November 20, 2014
  9. Wow thanks. An amazing Theme. I’ve tested it and – amazing!!

    samuel
    November 20, 2014
    • Glad you like it 🙂

      James
      November 20, 2014
  10. Will the checkout customized work with all woothemes? If so thats the best news ever!

    Ryan
    November 20, 2014
    • 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.

      James
      November 20, 2014
  11. Woohoo !

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

    Great work,

    jamesmarsland
    November 20, 2014
  12. Will the theme itself be updated a lot? I.e. do you suggest using a child theme for this?

    Glen
    November 20, 2014
    • Yes we always recommend using a child theme if you are going to do code customisations.

      Magnus Jepson
      November 20, 2014
  13. Very cool looking theme. Going to go put it through the paces right now.

    Kyle Alm
    November 20, 2014
  14. 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?

    Ken Richman
    November 20, 2014
    • 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.

      James
      November 21, 2014
  15. 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!

    Jaki
    November 20, 2014
  16. Hi

    Will this work with sensei?

    Thanks

    Dom
    November 21, 2014
    • It will work, but there’s no dedicated Sensei integration.

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

    Thanks

    jerseygirl
    November 21, 2014
  18. Is there a copy of the demo that can be downloaded?

    jerseygirl
    November 21, 2014
  19. just awesome !!

    Firman Pamungkas
    November 21, 2014
  20. 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.

    Pastie
    November 21, 2014
    • Great question.

      Jason
      November 22, 2014
    • 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.

      Magnus Jepson
      November 22, 2014
      • Does this mean in future you plan to make Canvas a free theme on par with Storefront with optional premium child themes?

        Pastie
        November 24, 2014
        • 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.

          Matty Cohen
          November 24, 2014
  21. Is Storefront compatible with WordPress Multilingual (WPML) and WooCommerce Multilingual?

    elarson2
    November 21, 2014
    • 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.

      James
      November 21, 2014
  22. 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
    • 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 21, 2014
      • Is there a more appropriate or “cleaner” way of doing this?

        Josh
        November 22, 2014
        • 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.

          Magnus Jepson
          November 22, 2014
        • 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
          • All the text in the footer section, that is.

            matt
            December 4, 2014
    • if ( ! function_exists( ‘storefront_credit’ ) ) {
      function storefront_credit() {
      ?>


      <?php
      }
      }

      David
      December 14, 2014
  23. Quick question… I have not downloaded yet…
    Can we bring our own parallax and mega menu plug ins from other developers?

    Jason
    November 22, 2014
    • Of course, they’re probably not going to look as nice though 🙂

      James
      November 22, 2014
  24. 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 ?

    graymatter
    November 23, 2014
    • I assume you’re using this gateway? If so post in support and our team can guide you further.

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

    John Moseley
    November 23, 2014
    • 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.

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

    jackpelling
    November 24, 2014
    • 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.

      James
      November 24, 2014
  27. 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.

    Wolforg
    November 24, 2014
    • Thanks so much for the translation, would you mind submitting this on Transifex?

      Thanks again.

      James
      November 24, 2014
  28. 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.

    richardhayesdigital
    November 25, 2014
    • 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 🙂

      James
      November 25, 2014
      • Yep tried that but when you move the header.php file into /wp-content/your-theme/header.php. it kills the website completely.

        richardhayesdigital
        November 25, 2014
        • 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.

          James
          November 25, 2014
  29. 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?

    richardhayesdigital
    November 25, 2014
    • 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.

      James
      November 25, 2014
  30. Sorry the code in header.php is:

    richardhayesdigital
    November 25, 2014
  31. Will this work with WooTickets?

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

      James
      November 25, 2014
  32. Product Vendors support here possibly?

    allmyhoney
    November 26, 2014
    • 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. 🙂

      Ryan
      November 26, 2014
  33. 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

    Agbonghama Collins
    November 27, 2014
    • Just create a new page and set that as your ‘posts’ page in the WordPress reading settings.

      James
      November 28, 2014
  34. I just purchased the storefront parallex hero ..however i tried uploading the image and it is not working..any reason why?

    Shereen
    December 6, 2014
    • Please open a ticket and our support team will assist you 🙂

      James
      December 7, 2014
  35. 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

    Paco Vermeulen
    December 11, 2014
  36. 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

    Dian
    December 12, 2014
  37. Really great theme. Thanks a lot !

    David
    December 14, 2014
  38. 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

    rajat
    January 7, 2015
  39. Hello,
    nice design but a few things are really hard to change.
    Why isnt there DEMO CONTENT in this page http://woocommerce.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!

    patovacom
    January 11, 2015
  40. 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.

    patovacom
    January 11, 2015
  41. 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

    rajat
    January 12, 2015

Trackbacks/Pingbacks

  1. A year in review for WooThemes - WooThemes

Stay up to date with WooCommerce emails

View our privacy policy. You can unsubscribe anytime.

Subscribing...

There was an error subscribing; please try again later.

Thanks for subscribing!
Emails will be sent to

View our privacy policy. You can unsubscribe anytime.

You're already subscribed!
Emails are sent to

View our privacy policy. You can unsubscribe anytime.

Use of your personal data
We and our partners process your personal data (such as browsing data, IP Addresses, cookie information, and other unique identifiers) based on your consent and/or our legitimate interest to optimize our website, marketing activities, and your user experience.