Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vizualabstract/shopify-theme-kit

Grunt + Shopify + Timber
https://github.com/vizualabstract/shopify-theme-kit

Last synced: 13 days ago
JSON representation

Grunt + Shopify + Timber

Host: GitHub
URL: https://github.com/vizualabstract/shopify-theme-kit
Owner: VizualAbstract
Created: 2015-06-16T17:10:43.000Z (over 9 years ago)
Default Branch: master
Last Pushed: 2015-08-18T18:10:09.000Z (over 9 years ago)
Last Synced: 2025-01-02T10:56:32.264Z (18 days ago)
Language: Liquid
Size: 715 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Shopify + Grunt + Timber

Get organized for your next Shopify theme project, featuring the [Timber (v2.1.2)](https://github.com/Shopify/Timber) base theme by Shopify.

![Shopify + Grunt + Timber](http://host.coreycapetillo.com/git/media/shopify-grunt-timber.png)

## Features

* Seperate Sass files for Timber's master `timber.scss.css`
* Concacts Sass into the assets folder
* Compresses images

## NPM Packages

* grunt-contrib-watch
* grunt-contrib-imagemin
* grunt-contrib-concat

## Instructions

* Run `git clone [email protected]:VizualAbstract/Shopify-Theme-Kit.git`
* Run `npm install` to install NPM packages
* Run `grunt` to compile files and begin watching the assets folder

## Additional Resources

* **Timber Documentation:** To learn more about how to use Timber, checkout what's available on the [documentation site](http://shopify.github.io/Timber/).
* **Shopify Theme Gem:** If you have the [Shopify Theme Gem](https://github.com/Shopify/shopify_theme) installed, you can `cd theme` and run the `theme watch` command to enable real-time editing of your theme files.