Shopify Starter Theme powered by Bootstrap framework (v4), developed respecting Shopify themes requirements, accessibility best practices, and of course our own experince in developing themes for more than 15 years now.
- Powered by Bootstrap framework (v4.5)
- Developed respecting Shopify themes requirements
- All elements are fully accessible with aria attributes
- Support for native image lazy-loading
- Add to cart via Ajax
- Product "Quick view" mode
- Note: Other features will be added soon as we finish with developing our theme.
Currently work in progress. We are constantly working with this project, and it should be completed within August 2020.
https://ks-bootshop.myshopify.com/
In case you are interested in our Premium Shopify Themes, please visit our website https://kondasoft.com
There are 2 ways to install our theme (or any other Shopify theme) on your Shopify store.
1- The simplest option is by going to your Shopify Admin and installing the latest package (.zip file) from our releases. In case you need help with this please check the official tutorial from Shopify.
2- The second option is by using Theme kit, the the official command line tool from Shopify. This is the option which we will be covering below, as it gives you far more freedom to customize and modify our theme.
Note: Please, make sure you are familiar with Theme kit, official documentation before proceeding. We are assuming that at this point you have already installed Theme Kit.
Create a new folder on your computer, cd
to it and run the following command to copy all theme files from our GitHub repository master branch. Note: Include the dot at the end of the command to clone into your current directory.
git clone https://github.com/kondasoft/ks-bootshop .
Run the following command to create a new theme in your Shopify store along with our theme files that you have just downloaded:
theme new --password=[your-api-password] --store=[your-store.myshopify.com] --name="KS BootShop"
Optional: Run this command to open your shopify store with our theme in preview mode.
theme open
It is advised to not directly modify theme files as you will lose changes when you upgrade our theme. The recommended way to handle this is by creating a copy of our theme and then modify it. Please follow this official tutorial to learn more.
In case you want to customize styles and scripts please continue reading below.
To customize theme styles in the proper way as recommended by Bootstrap as well, is by working with Sass.
First, create a new file called _custom.scss
inside the scr/scss
folder and start adding your Sass variables and styles. To learn more about what you do in your _custom.scss file, please refer to the official Bootstrap documentation for Theming
E.g:
// src/scss/_custom.scss
// My variables
$primary: green;
// My styles
body {
background-color: red; // Good luck with this :)
}
Make sure you have Sass, Postcss and Autoprefixer installed globally by running the following command
npm i -g sass postcss-cli autoprefixer
Now, you can run this command to compile your Sass files into the the theme assets folder
npm run styles
To deploy your changes on your Shopify store run the following Theme Kit command:
theme deploy
or: theme watch
This part will be documented soon.
This part will be documented soon.
Please submit a new issue in case you want to submit a bug or feature request. Additionally, you may visit our Support Forum to discuss with other users and to get support from our Support team.