This branch (master) is for our new version of KS BootShop theme, which is powered by Bootstrap v5. If you are looking for our the Bootstrap v4 version please check our v1 branch

Shopify Starter Theme powered by Bootstrap framework (v5), developed respecting Shopify themes requirements, accessibility best practices, and of course our own experience in developing themes for more than 15 years now.

Our goal is to make this project the most completed, robust and of course the most awesome Shopify theme for Bootstrap framework.

• Powered by Bootstrap framework (v5)
• Developed respecting Shopify themes requirements
• All elements are fully accessible with aria attributes
• Support for native image lazy-loading
• PageSeed score 93/100 check results
• All Shopify templates (cart, product, etc) have their corresponding settings
• Add to cart via Ajax
• Product "Quick view" mode
• NEW: Setting to select primary color from 16 available colors based on Material color system

https://ks-bootshop.myshopify.com/

In case you are interested in our Premium Shopify Themes, please visit our website https://www.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 website for further help.

Copyright 2020 KondaSoft.com. Code released under the MIT License.