Slate v1 is currently in beta! You should expect potentially breaking changes between updates and more bugs than a finalized release. Slate v1.0 has not yet been tested on Windows.
This is the theme I wish had been available when I was rolling my own integration of Bootstrap 4 into a custom Shopify store
I've started with the base Shopify/skeleton-theme and brought over most of the /src directory of Shopify/starter-theme, and some of src/styles. These default Shopify styles are being gradually refactored out of the theme as I have time. PRs welcome!
For responsive image loading, use the responsive-image & responsive-bg-image snippets. They pair well with Bootstrap's responsive classes, and the lazyloader dependancy is built into the theme.
This theme is intended to be used with Montserrat Bold for headings and Harmonica Sans for body text. Both of these can be set using the Shopify admin theme editor. You may need to make adjustments in typography.scss if other font pairings are used.
Because Bootstrap requires jQuery, additional setup is required in theme.js. For discussion, see Webpack issue #4258.
To add plugins to the theme, such as jackmoore/zoom, take a look at this gist which is implemented in theme.js. Image zoom is implemented in sections/product.liquid
You'll want to ensure you have the following already installed on your local machine before getting started with the Slate-Bootstrap theme:
-
Node: The current LTS (long-term support) release. We like to use a Node Version Manager like NVM.
-
NPM 5+ or Yarn: Both of these package managers have ups and downs, choose whichever you prefer. Follow the installation instructions for Yarn or NPM to make sure you're using the latest version.
To get started with the Slate-Bootstrap theme, run the following command in your terminal:
$ yarn create slate-theme my-new-theme neckerson/slate-bootstrap-theme
For more information on connecting your new project with a Shopify store, see the Slate docs.
For help on setting up the repository locally, building, testing, and contributing please see CONTRIBUTING.md.
All developers who wish to contribute through code or issues, take a look at the Code of Conduct.
This theme is derived from the Shopify Skeleton theme, which is Copyright © 2018 Shopify. See LICENSE for further details.