//The building block philosophy of Storefront
The building block philosophy of Storefront

The building block philosophy of Storefront

Today we released Storefront Powerpack, an extension that allows you to change the appearance of Storefront theme for WooCommerce — without touching a single line of code. Powerpack allows anyone to customize their store without dabbling in HTML or CSS, and the results of those customizations can be seen instantly.

Powerpack in action. Edit any element in Storefront and see the results instantly.
Powerpack in action. Edit any element in Storefront and see the results in a flash.

As we prepared to release this extension, we realized we’d never written very much about the thinking behind Storefront’s development, and why we’ve chosen to break functionality out into extensions instead of packaging it into the theme itself. “Why not just make Powerpack part of Storefront?” we thought you might ask.

Today, we’re setting aside a couple minutes to explain our “building block” philosophy behind Storefront, and how it’s influenced the development of extensions like Powerpack.

Care to learn more? Read on.

The solid foundation of Storefront

For starters, we haven’t built Storefront to simply be a sandbox theme. Anyone can use Storefront as it is, with a child theme, or now with customizations via Powerpack, and have a gorgeous-looking store.


Storefront is a solid foundation for any purpose, whether it’s your store’s theme or the beginnings of a custom design. It’s fully functional out of the box, but can quickly be updated to meet your specific needs.

The core WooCommerce philosophy: add what you need

We’ve built Storefront to be lean and fast, but also flexible. This lines up with the philosophy behind WooCommerce, too.

The idea behind all of our products is the same: offer something feature-rich and powerful, on which anyone can build anything they want, but keep it free of bloat. That’s why you’ll find that both WooCommerce and Storefront come packed without page builders, designers, sliders, and other advanced customization tools or editors.

If you want to use a page builder or add a slider, you can: we’ve built our products to be compatible with those items. Storefront, for example, is compatible with the popular Beaver Builder and Visual Composer.

But we don’t package in anything that you might not want, or that could slow down your store. We want you to be able to choose your functionality, not be forced to have options you’ll never use or find a hassle.

Like WooCommerce, the Storefront theory is this: add what you need, and only what you need, when you need it.

Block by block, build out your theme as much as you want

Here’s where that building block philosophy we mentioned comes in.

Adding onto Storefront is a lot like playing with toy bricks. They snap together to create larger, more intricate, and more colorful designs.

Piece by piece, you can build something brilliant. When you think about it, that's a lot like how a store works.
Piece by piece, you can build something brilliant. When you think about it, that’s a lot like how a store works.

When you buy a pack of toy bricks, you can follow the instructions to build what’s shown on the packaging. Or you can build something else instead, using your own creativity and ideas.

This is a lot like Storefront: with the building blocks we give you, you can follow the guidance set by our products and docs to design your store. You can also use a child theme, add in an extension, and so on.

Or, if you prefer a custom approach, you can dive into the code and CSS and customize everything the way you like it, with the tools that you want to use.

In the same way no one’s going to tell you you can’t build a tower with your bricks, no one’s going to say “hey, no fair using Storefront to make that theme!” We want you to do cool things, after all. ?

Use our blocks or build with your own components

Storefront is, like WooCommerce, fully open source. You can see the code that goes into it and edit it as you please, and even contribute to it if you find something that needs updating.

We built this theme to be incredibly flexible, so that you can add to it in any way you feel comfortable. If that means digging into the CSS and creating your own child theme from scratch, you can do that — no proprietary code or language is going to stop you. You can see how everything works, how all the building blocks and custom components come together to make Storefront work.

If code isn’t your thing, that’s not a problem. You can use Powerpack to customize Storefront or one of our child themes, add on an extension to extend the theme’s capabilities, or even try a third party extension to enhance the design even further.

You can think of it as toy blocks that will work with all other blocks, whether they’re bought in the “official” block store, created by hand, or purchased elsewhere. There’s no limit to what you can build, and if you want, you can make all the blocks by hand following instructions you find for free. ?

With Storefront, you can build a beautiful WooCommerce store however you like

So, summing it all up:

  • The core WooCommerce — and Storefront, in turn — philosophy is to keep things simple, so you can run a lean, responsive store and add only what you need
  • Extensions like Powerpack should be viewed as building blocks — Storefront is the solid base, and you can build on top of it as much as you choose, with the tools that you feel most comfortable using
  • Use your own blocks or try ours — you can build to your liking, using your own code or any extension

We hope you’ve learned a little more about the philosophy behind our flagship WooCommerce theme. There’s much more to come with Storefront in the future, so keep an eye out.

While we have you, if you want to suggest a new extension for Storefront, or have an idea that would help us make the theme better, you can add or vote on ideas right here.

Have any questions for us? Or any feedback on Powerpack? The comments are open and we’d love to hear what you’re thinking.