Skip to content
A clean, responsive storefront boilerplate with no database or backend
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css add store notifier Dec 10, 2015
images generate products using JSON, JS templates added Sep 20, 2015
js add store notifier Dec 10, 2015
plugins/google-sheets fix failed checkout using Google Sheets plugin Jan 9, 2016
.gitignore add price validation Nov 3, 2015
Gruntfile.js fix grunt append Nov 5, 2015
LICENSE.md
README.md Update README.md Mar 15, 2019
bower.json Add plugin functionality, add grunt Oct 9, 2015
index.html
package.json better mobile for list Nov 10, 2015
products.json add 'Sold Out' feature Dec 10, 2015

README.md

3/15/19 - UPDATES COMING SOON!

simpleStore

simpleStore is a clean, responsive storefront boilerplate with no database you can setup in minutes. simpleStore is built on simpleCart.js and Skeleton CSS Framework for a lightweight, fast, simple to use, and completely customizable experience.

simpleStore Screenshot simpleStore Cart Screenshot simpleStore Detail Screenshot


Features

  • No Databases, all client-side (just simple HTML, CSS & Javascript)
  • Lightweight & Fast
  • Tax Rate Calculations
  • Unlimited product attributes
  • Shipping
  • Multiple Currencies
  • Payment Gateways (Paypal, Google Checkout, Amazon Payments)
  • For more features check out simpleCart.js

Plugins

  • Google Sheets (Control products from a Google Sheet instead of JSON file)

Demo

You can see a working demo here

Installation

Install with Bower

bower install

or manually install using the latest release

Setup

1.Make sure simpleStore is on a web server (any type will do as long as it can serve static web pages).

2.Configure your payment options in js/config.js.

checkout: {
	type: "PayPal" ,
	email: "you@yours.com"
},

3.Edit the js/config.js to your liking.

4.Add additional products in the products.json file.

Using Plugins

To use a plugin, add a reference just before your config.js file

<script src="plugins/google-sheets.js"></script>
<script src="js/config.js"></script>

HTML Version

If you are looking for something more basic, check out the HTML version on this branch. The HTML version uses plain HTML to build the store instead of a JSON file.

Add additional products using the <div class="simpleCart_shelfItem"></div> tags.

Credit where credit is due

For further documentation on expanding/tweaking simpleStore, check out the framework/plugin pages.

A note about JavaScript shopping carts

ALL JavaScript shopping carts are NOT fullproof. Because simpleStore is fully client-side, some users may attempt to alter prices before checkout. SimpleStore does the best it can to minimize this kind of activity. Make sure to monitor your sales. Just like in real life, if someone walks into your store and changes the price tag, you will certainly not honor those changes.

Contributing

All forms of contribution are welcome: bug reports, bug fixes, pull requests and simple suggestions. If you do wish to contribute, please follow the Airbnb Javascript Style Guide Thanks!

List of contributors

You can find the list of contributors here.

You can’t perform that action at this time.