/ks-bootshop

Our Free Shopify Theme focused on simplicity, speed, and user experience. Download it today and finish your Shopify store within days, not months. Powered by Bootstrap v5 framework and 15+ years of coding experience.

Primary LanguageLiquidMIT LicenseMIT

KS BootShop - Shopify Theme

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 the Bootstrap framework.

Video introduction

Click on the screenshot below to play the video on Youtube.

Highlighted features:

Homepage sections

  • Carousel
  • Featured Products
  • Featured Collections
  • Cards with image
  • Video
  • Contact Form
  • F.A.Q
  • HTML
  • Image with text
  • Newsletter
  • Richtext
  • Separator

Demo

https://ks-bootshop.myshopify.com

Download

Go to Releases and get the latest v3.x.x version which is ready for Bootstrap v5.

Premium Shopify Themes

In case you are interested in our Premium Shopify Themes with advanced features to increase your store conversion rates (CVR) and average order value (AOV), please visit our website https://www.kondasoft.com

Installation

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.

1- Clone this repository (download theme files)

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 .

2- Create and configure theme with Theme Kit

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-v3"

Optional: Run this command to open your shopify store with our theme in preview mode.

theme open

Customization

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.

Also, we have provided 2 blank files (custom.css and custom.js) which are inside the assets folder. It is recommended that you use these 2 files to add your styles and scripts since they will not be changed during the upgrade.

Modifying styles (SCSS)

We have provided only a few additional styling for this Shopify theme, and all of those are done via plain CSS in the assets folder. Our goal for this theme is to provide a solid foundation, completely backed by the Bootstrap framework, so that you can easily get it going with the framework you already know and love.

All bootstrap related styles and variables are in src/bootstrap.scss file. Assuming that you already know how to work with Bootstrap variables, feel free to modify this file, especially the color variables in the top of the file.

After that, install all the needed npm packages that are already defined in the packages.json file npm install

Now, you can compile the bootstrap.scss file that you have just modified using with the following command: npm run bs-css or npm run watch (to continuously watch for changes)

To deploy your changes on your Shopify store run the following Theme Kit command: theme deploy or: theme watch

Support

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 and license

Copyright 2022 kondasoft.com. Code released under the MIT License.