Gulp + Shopify
Jase Warner ( https://jase.io )
Gulp + Shopify is for those Developers wishing to use Gulp.js and Shopify’s Theme Kit to develop their Shopify theme – a tidy solution to the problem with Shopify not allowing sub-directories within the
The theme is packaged with Gulp for watching and compiling assets in the
/dev directory, including SCSS, JS, images and fonts. When modified, said assets are moved across to the
The default theme files have been brought across from Shopify’s Skeleton theme.
Clone the repo into your project root.
cd into the
/dev directory and install the Gulp packages (if you haven’t already installed Gulp, you’ll need to do so first):
Note: you may need to run the command as
sudo npm install, depending on your permissions.
Once you have installed the packages, in Terminal, run
Any changes to the SCSS files in
/dev/sass/ will lead to the creation of
Any alterations to the JS files in
/dev/js/functions/ will be concatenated and uglified in
Images added to
/dev/image will be copied across to the
/assets directory. Similarly, any fonts added to
/dev/font will be copied across to
To get Theme Kit up and running, follow the instructions here.
config.yml file is included in the repo, ready to be filled in with the necessary details.
To get started on your theme, follow these instructions.
The Gulp build features the following helpful packages: