blendtec.com Shopify Theme
This project is volatile at the moment as it is being aggressively migrated to Shopify Slate and is in the midst of some intermediary steps. During this time we are making every effort to keep the project viable so there are some oddities in some things such as unused build artifacts and dependencies that aren't being utilized yet. If you are a developer for one of our international dealers we would very much encourage you to get in touch with us if you'd like to contribute.
$ git clone git@github.com:Blendtec/blendtec-shopify-theme.git$ cd blendtec-shopify-theme$ yarn$ yarn upload$ yarn watch:webpack* leave running- In a new terminal
$ yarn watch:theme* leave running $ git checkout -b <ISSUE-NUMBER>-short-description- Hack on Code until feature is complete (committing sanely)
$ git push -u origin <Branch Name>- Create Pull Request via Github
- Release Page
- Download the latest version of the 'Blendtec Shopify Theme'
Linting is not yet running project wide so it is imperative that lint your individual files
Deployment is handled via Travis-CI and occurs on stage and master branches
- Webpack bundles aren't being used - we are currently refactoring all JS to hopefully remove all js.liquid files so we can run everything through webpack and have a vendors bundle generated. For now, we have the old vendors.js file that is just a series of dependencies that we gathered together from the mishmash of vendor files that were rattling around in the original theme. the vendors.min.js file is simply a minified version of vendors.js. This will go away once we start using the webpack generated bundles.
- Js files are using verbose page.
<component>.function rather thanthis. This is a step toward classes that we will be migrating to once we have made this initial refactoring pass through the massive and non-uniform app.js. App.js is an obvious frankenstein of coding styles, global variables, iifes, jQuery, native js etc etc. Moving the files into the home.js, collection.js etc is a quick, safe, (less) dirty step toward a homogenious code base. - All the section scripts are in home.js which is only loaded for the home template. This suites our current needs but will be addressed as we move to true modules.
- App.scss.liquid is huge - This is a TBD and I'm hoping this will largely be addressed with importing smaller scss files via webpack. I like Shopify Slate's approach using css variables to pass liquid variables into the scss but my initial research leads me to believe this is only viable for the most recent browsers. We'll see.
Please contact us, we would love to have contributors. Until this comes up we don't have a formally planned roadmap other than what has been discussed above which can be summarized as "Migrate to shopify-slate without breaking things".