Recently I've been building a custom Shopify theme using the Slate toolkit & Bootstrap 4 for layout and styles. The initial setup took some time to perfect, and I wanted to share what I've learned with the community.
Today I uploaded the repo above to Github. It's a simple implementation of the Shopify Starter Theme with Bootstrap 4 and all dependancies built into the Slate environment. If you have Slate already set up, you should be able to open your terminal and run:
yarn create slate-theme my-new-theme neckerson/slate-bootstrap
cd into "/my-new-theme", set up your .env variables per the Slate docs, and run "yarn start". From here, you can start adding Bootstrap classes to theme.liquid and other files.
Let me know if you have any questions! I have responsive images & image zoom working well with this setup and would be happy to help others.
Hey @topsub! The repo is basically the Starter theme with all Shopify styles stripped out and the CSS / JS needed to use Bootstrap & lazyload responsive images properly. I have an entire Bootstrap theme layout, which I am considering making available as a separate repo (needs some cleanup first). Would you be interested in this?
Hey @topsub, I realized the Bootstrap wasn't being pulled into theme.scss properly. It should be working now. Can you pull the changes down from the Github repo and see if the fix is working for you?
There is some proprietary stuff in my theme files that needs to be removed, but I'll work on it. For now, you should be able to easily add bootstrap styles to the barebones theme.
@topsub It would be great to have your input! Do you have a Github account? The simplest way to collaborate would be via creating GH issues (i.e. New Issue > 'add navbar styles') and submitting pull requests with your changes. I'm sure many people would find this project useful