v3

Author: alvinkonda

.eslintrc.js

@@ -7,17 +7,11 @@ module.exports = {
         'standard'
     ],
     parserOptions: {
-        ecmaVersion: 12
+        ecmaVersion: 'latest',
+        sourceType: 'module'
     },
     rules: {
-        indent: [
-            'error',
-            4
-        ],
-        quotes: [
-            'error',
-            'single'
-        ]
+        indent: ['error', 4]
     },
     globals: {
         bootstrap: 'readonly'

.gitignore

@@ -1,3 +1,3 @@
-.DS_Store
+node_modules
 config.yml
-node_modules
+.DS_Store

.theme-check.yml

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["shopify.theme-check-vscode"]
+}

.vscode/extensions.json

@@ -1,9 +1,9 @@
 {
     "css.styleSheets": [
-        "/assets/bootstrap.min.css"
+        "/assets/bootstrap.css"
     ],
     "search.exclude": {
-        "/assets/bootstrap.bundle.min.js": true,
-        "/assets/bootstrap.min.css": true
+        "/assets/bootstrap.bundle.js": true,
+        "/assets/bootstrap.css": true
     }
 }

.vscode/settings.json

@@ -0,0 +1,27 @@
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "label": "npm watch",
+      "type": "shell",
+      "command": "npm run watch",
+      "presentation": {
+        "reveal": "always",
+        "panel": "new",
+        "group": "1"
+      },
+      "runOptions": { "runOn": "folderOpen" }
+    },
+    {
+      "label": "theme watch",
+      "type": "shell",
+      "command": "theme watch --allow-live",
+      "presentation": {
+        "reveal": "always",
+        "panel": "new",
+        "group": "1"
+      },
+      "runOptions": { "runOn": "folderOpen" }
+    }
+  ]
+}

.vscode/tasks.json

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 KondaSoft
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

LICENSE.md

@@ -1,18 +1,28 @@
-# FireTheme Shopify Theme
-FireTheme is 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.
+# IMPORTANT NOTICE
+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](https://github.com/kondasoft/ks-bootshop/tree/v1-bs4)
+
+# BootShop - Shopify Theme
+Shopify Starter Theme powered by Bootstrap framework (v5 and v4), developed respecting [Shopify themes requirements](https://shopify.dev/tutorials/review-theme-store-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.
+
+[<img src="https://img.youtube.com/vi/_G9IRSFAI_A/maxresdefault.jpg" width="50%">](https://youtu.be/_G9IRSFAI_A)
 
 ## Highlighted features:
 * Powered by [Bootstrap framework](https://getbootstrap.com/) (v5 or v4)
 * Developed respecting [Shopify themes requirements](https://shopify.dev/tutorials/review-theme-store-requirements)
 * All elements are fully accessible with [aria attributes](https://www.w3.org/WAI/standards-guidelines/aria/)
 * No Javascript framework dependencies (e.g jQuery)
 * Support for [native image lazy-loading](https://web.dev/native-lazy-loading/)
-* PageSeed score 96/100 [check results](https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Ffiretheme-demo.myshopify.com%2F&tab=desktop) 
+* PageSeed score 96/100 [check results](https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fks-bootshop.myshopify.com%2F&tab=desktop) 
 * All Shopify required homepage sections (~20)
 * All Shopify templates (cart, product, etc) have their corresponding settings
 * Product layout option grid or list
 * Ajax add to cart
-* Recommended products section [Learn more](https://shopify.dev/tutorials/develop-theme-recommended-products)
+* Reccomended products section [Learn more](https://shopify.dev/tutorials/develop-theme-recommended-products)
 
 ## Homepage sections
 * Carousel (Slideshow)
@@ -34,23 +44,82 @@ FireTheme is Free Shopify Theme focused on simplicity, speed, and user experienc
 * Video
 
 ## Demo 
-https://firetheme-demo.myshopify.com
+https://ks-bootshop.myshopify.com/
 
 ## Download 
-Go to [Releases](https://github.com/firetheme/firetheme-shopify-bs/releases/)
+Go to [Releases](https://github.com/kondasoft/ks-bootshop/releases/) and get the latest v2.x.x version which is ready for Bootstrap v5.
 
-## Hire us to customize/design your Shopify store
-Looking to give some fresh air to your Shopify store? Send us your custom request
-https://www.firetheme.com
+## 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) like **Wishlist, Cart Goal, Frequently Bought Together Bundles, Recently Viewed Products, Sticky Add To Cart, Sticky Newsletter pop-up, and much more advanced features**, please visit our website
+https://www.kondasoft.com
 
 ## Getting started
+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](https://github.com/kondasoft/ks-bootshop/releases/). In case you need help with this please check the [official tutorial](https://help.shopify.com/en/manual/online-store/legacy/using-themes/adding-themes#add-a-free-theme-from-the-admin) from Shopify. 
+
+2- The second option is by using [Theme kit](https://shopify.github.io/themekit/), 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.
 
 ## Installation
+**Note:** Please, make sure you are familiar with [Theme kit](https://shopify.github.io/themekit/), 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-v2"`
+
+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](https://help.shopify.com/en/manual/online-store/legacy/using-themes/managing-themes/duplicating-themes) to learn more.
+
+In case you want to customize styles and scripts please continue reading below. 
+
+### Modifying styles (SCSS)
+To customize theme styles in the proper way as recommended by Bootstrap as well, is by working with [Sass](https://sass-lang.com/). 
+
+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](https://getbootstrap.com/docs/4.5/getting-started/theming/)
+
+E.g:
+```scss
+// 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`
+
+### Modifying scripts (JS)
+This part will be documented soon.
+
+## Upgrading
+This part will be documented soon.
 
 ## Support
-Please submit a [new issue](https://github.com/firetheme/firetheme-shopify-bs/issues/new) in case you want to submit a bug or feature request. Additionally, you may visit our [website](https://www.firetheme.com/) for further help.
+Please submit a [new issue](https://github.com/kondasoft/ks-bootshop/issues/new) in case you want to submit a bug or feature request. Additionally, you may visit our [website](https://www.kondasoft.com/) for further help.
 
 ## Copyright and license
-Copyright 2021 [FireTheme.com](https://www.firetheme.com). Code released under the [MIT License](https://github.com/firetheme/firetheme-shopify-bs/blob/master/LICENSE).
+Copyright 2020 [kondasoft.com](https://www.kondasoft.com). Code released under the [MIT License](https://github.com/kondasoft/ks-bootshop/blob/master/LICENSE).