![]() – created a private app in the Shopify admin – uploaded your working theme to your store and made it the active theme ![]() This guide assumes you’ve already done the following: This is easy enough with a true local environment and probably something that actually is easier with Grunt or Gulp but it had to work so we weren’t spending half our day refreshing browsers. Since Shopify theme changes are pushed up to a remote development store, we needed to incorporate browser refreshing when files were modified. In the end, we settled on ThemeKit as it was rock solid and easy to set up.ģ. ![]() There are a few tools out there like like Motifmate which was super buggy, and Quickshot which I really like but I couldn’t get the theme watch to work properly. We needed something that communicated with our Shopify stores, watched our files and was able to push/pull changes. We wanted to be able to use modular scss and compile that down to one file in our Shopify theme yet still be able to include liquid in our stylesheets that Shopify would replace at runtime.Ģ. While all the kids love the Grunts and the Gulps, we always felt that they are unnecessarily time consuming to set up and grabbing all the dependencies is a bit of a pain. We love CodeKit for precompiling our scss files - we use it for all of our WordPress projects and wanted to keep using it for Shopify. To have a working setup we could live with we had 3 initial requirements:ġ. Coming from developing locally with WordPress, Shopify is quite a bit different as there is no local environment per se which meant we had to rethink what tools to use and in what order. Studio.bio just got hired to update and customize a large client’s Shopify e-commerce stores and while we had some Shopify experience, we needed to step up our game and get a professional workflow working and fast. Posted: Thursday, February 22nd, 2018 at 5:35pm by studiobio
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |