Based off of the Timber theme framework from Shopify.
Timber is a theme framework for Shopify that helps you get your store up and running quickly. It provides all required theme templates, a starter set of liquid tags, and some basic styles and modules for you to extend on.
Styling and customization is left up to you. Some base styles and helpers are included, but there is no need to remove any code before you start. Simply download and get designing.
Designing a store for a client? Earn 20% revenue through our Partner program.
For the color swatches on the product pages
- Download the latest release
- Clone the repo
git clone https://github.com/Shopify/Timber.git - Or install with Bower
bower install timber
Visit the Timber's Documentation page to find out more about the templates, liquid tags, CSS framework, and JavaScript modules included.
Timber's documentation is hosted on GitHub Pages. View the raw files in the gh-pages branch. Please report any discrepancies, bugs, or requests in issues.
- Demo Store: A store setup with some products, blog posts, and customer accounts
- Empty Store: A fresh store, just what you should expect when you install on your new store
For a set of demo products to use during development, download this CSV file and import it on our products page.
├── assets
│ └── Javascript, CSS, and theme images
├── layout
│ ├── theme.liquid
│ └── optional alternate layouts
├── snippets
│ └── custom code snippets
├── templates
│ ├── 404.liquid
│ ├── article.liquid
│ ├── blog.liquid
│ ├── cart.liquid
│ ├── collection.liquid
│ ├── collection.list.liquid
│ ├── index.liquid
│ ├── list-collections.liquid
│ ├── page.contact.liquid
│ ├── page.liquid
│ ├── product.liquid
│ ├── search.liquid
│ └── customers
│ └── required templates if customer accounts are enabled
├── config.yml
│ └── if using the theme gem (see link under Additional Resources)
Get involved with Timber or follow along with updates and news.
- Track all issues and feature requests here on GitHub.
- Follow author @cshold on Twitter.
- Provide feedback at [email protected].
- Themes Documentation: Learn more about Liquid and theme templates.
- Theme Gem: Run the command line for a more intimate way of managing your theme files.
- Desktop Theme Editor: For Mac OS X users, we recommend our free app to sync theme files in development.
- Liquid Tag Cheat Sheet
- Free Workshops: Sign up for a free Shopify For Designers workshop in a city near you.
- Need more help? Ask a question in our Design Forums.
Timber is released under the MIT License.