All Projects → kondasoft → shopify-bootstrap-theme

kondasoft / shopify-bootstrap-theme

Licence: MIT, MIT licenses found Licenses found MIT LICENSE MIT LICENSE.md
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.

Programming Languages

Liquid
124 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to shopify-bootstrap-theme

Ajaxinate
🎡 Ajax pagination plugin for Shopify themes
Stars: ✭ 107 (+137.78%)
Mutual labels:  shopify, shopify-theme
hugo-dynamic-tabs
A Hugo theme component that allows you to add dynamic tabs in your markdown files.
Stars: ✭ 36 (-20%)
Mutual labels:  bootstrap4, bootstrap5
loopple
Drag & drop dashboard builder
Stars: ✭ 180 (+300%)
Mutual labels:  bootstrap4, bootstrap5
Startbootstrap Simple Sidebar
Start Bootstrap is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.
Stars: ✭ 1,833 (+3973.33%)
Mutual labels:  bootstrap4, bootstrap5
bootstrap5-tags
Replace select[multiple] with nices badges for Bootstrap 5
Stars: ✭ 58 (+28.89%)
Mutual labels:  bootstrap4, bootstrap5
Startbootstrap Freelancer
Start Bootstrap is an open source library of free Bootstrap themes and templates. All of the free themes and templates on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.
Stars: ✭ 2,304 (+5020%)
Mutual labels:  bootstrap4, bootstrap5
shopify-slater-tailwindcss
Shopify Starter Theme + TailwindCSS with PurgeCSS
Stars: ✭ 40 (-11.11%)
Mutual labels:  shopify, shopify-theme
Startbootstrap Resume
Start Bootstrap is an open source library of free Bootstrap themes and templates. All of the free themes and templates on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.
Stars: ✭ 1,642 (+3548.89%)
Mutual labels:  bootstrap4, bootstrap5
django-tables2-column-shifter
Simple extension for django-tables2 can dynamically show or hide columns. Using JQuery, Bootstrap 3, Bootstrap 4, Bootstrap 5 and Django >=1.9
Stars: ✭ 17 (-62.22%)
Mutual labels:  bootstrap4, bootstrap5
startbootstrap-business-frontpage
A Bootstrap HTML business homepage template created by Start Bootstrap
Stars: ✭ 177 (+293.33%)
Mutual labels:  bootstrap4, bootstrap5
Startbootstrap Agency
Start Bootstrap is an open source library of free Bootstrap themes and templates. All of the free themes and templates on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.
Stars: ✭ 1,810 (+3922.22%)
Mutual labels:  bootstrap4, bootstrap5
PlusAdmin-Free-Bootstrap-Admin-Template
Free Admin template featuring horizontal and vertical navbar. Built using Bootstrap 4.
Stars: ✭ 98 (+117.78%)
Mutual labels:  bootstrap4, bootstrap5
Coreui Free Bootstrap Admin Template
CoreUI is free bootstrap admin template
Stars: ✭ 11,038 (+24428.89%)
Mutual labels:  bootstrap4, bootstrap5
Startbootstrap Sb Admin
Start Bootstrap is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.
Stars: ✭ 2,861 (+6257.78%)
Mutual labels:  bootstrap4, bootstrap5
Startbootstrap Clean Blog
Start Bootstrap is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.
Stars: ✭ 1,604 (+3464.44%)
Mutual labels:  bootstrap4, bootstrap5
startbootstrap-small-business
A Bootstrap HTML template for creating marketing websites for small businesses - created by Start Bootstrap
Stars: ✭ 186 (+313.33%)
Mutual labels:  bootstrap4, bootstrap5
Coreui Free Vue Admin Template
Open source admin template based on Bootstrap 5 and Vue 3
Stars: ✭ 2,951 (+6457.78%)
Mutual labels:  bootstrap4, bootstrap5
Vvvebjs
Drag and drop website builder javascript library.
Stars: ✭ 4,609 (+10142.22%)
Mutual labels:  bootstrap4, bootstrap5
gulp-shopify
Blank slate Shopify theme for Developers, packaged with Gulp.js for processing SCSS, JavaScript (ES6), images and fonts. Made to support Online Store 2.0 features and Shopify CLI.
Stars: ✭ 142 (+215.56%)
Mutual labels:  shopify, shopify-theme
bootstrap-shopify-theme
🛍 A free Shopify Theme built with Bootstrap, BEM, Liquid, Sass, ESNext, Theme Tools, ... and Webpack.
Stars: ✭ 41 (-8.89%)
Mutual labels:  shopify, shopify-theme

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].