Giter VIP home page Giter VIP logo

simplestore's Introduction

UPDATES COMING SOON! Get notified

Sign up to get updates on new features and releases

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: "[email protected]"
},

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.

simplestore's People

Contributors

chrisdiana avatar johnhatch avatar jwdeitch avatar yoshka avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

simplestore's Issues

Not Working in IE11

...fyi, does not work in IE11*, both demo site and a dev site I have set up - main issue is Cart View will not close, and in demo site, detail view after close, container contents remain empty!

...also fyi, from other "finding solutions" for simpleCartJS issues [which are sooooo many), came across this site using simpleCartJS, http://www.carpalwatch.com/shop/ AND this person has a site that appears to work 100%

*yes I know, why FFS are people still using ie11?
... plus, if interested, a small script error fix for ie11 in simpleStore.js

var msg,   // ref is undefined my add
refLength; 

//if (msg.length) {
if(msg) {
	refLength = msg.length;
	$tmpl.find('.error_text').text(msg);
} 
else {
	refLength = 0;
}

Is this dead?

I see the library used in this project (simpleCart.js) is long dead since many years ago. So I suppose this is also dead too? It hasn't received any update since 5 years ago.
Is a shame because is a simple lighting fast e-commerce excellent for a quick deploy front end, but is heavily outdated.

google pay sdk

Is it possible to add google pay web api? Also any way to add login feature

currency

I changed currency to INR in config file but nothing changed. Where is corrency reference of this project?

Jquery Error right after install: $.get(...).success is not a function

Stacktrace

jquery.min.js:2 Uncaught TypeError: $.get(...).success is not a function
    at Object.initJSON (simpleStore.js:264)
    at Object.generateStore (simpleStore.js:374)
    at simpleStore.js:425
    at Object.extend (simpleStore.js:49)
    at Object.init (simpleStore.js:424)
    at HTMLDocument.<anonymous> (config.js:73)
    at j (jquery.min.js:2)
    at k (jquery.min.js:2)
initJSON @ simpleStore.js:264
generateStore @ simpleStore.js:374
(anonymous) @ simpleStore.js:425
extend @ simpleStore.js:49
init @ simpleStore.js:424
(anonymous) @ config.js:73
j @ jquery.min.js:2
k @ jquery.min.js:2

Cannot pass HTML in products.json

If I want to post a link to or format text, I get a blank page. Seems characters like the percent sign and at sign don't work in JSON. Gonna try the HTML version of SimpleStore for now, too many parsing issues.

New version of API sheets

With the change to the new version of API sheets, it was necessary to modify the way the site consults the spreadsheet, Changing the main site and adding the access key. But other spreadsheet queries are no longer working.

Code:
var hostname = " https://sheets.googleapis.com";
var spreadsheetURL = hostname + "/v4/spreadsheets/" + s.spreadsheetID + "/values/Page1!A1:Z200?majorDimension=ROWS&key=" + chave_api;

But the other functions no longer work.

JS Error after adding products.

I encountered a JS error: Uncaught TypeError: Cannot read property 'length' of undefined

Here is my products.json:
{
"products" : [
{
"name" : "Argon Capsule",
"price" : "99",
"options" : [
{ "Model" : "Model One,Model Two,Model Eight,Model 1000" }
],
"image" : "http://upload.wikimedia.org/wikipedia/commons/c/c6/Grey_Tshirt.jpg",
"description" : "This is a very awesome grey T-shirt"
},
{
"name" : "Argon Capsule Connector",
"price" : "25",
"options" : [
{ "Model" : "Model One,Model Two,Model Eight,Model 1000" }
],
"image" : "http://upload.wikimedia.org/wikipedia/commons/2/24/Blue_Tshirt.jpg",
"description" : "The Argon Capsule Connector Ring for the Coravin Wine System connects the Argon Capsule to your Coravin. Each model has slightly different threads, so make sure to chose the right model. Due to our manufacturing process, we charge a 20% restaocking fee for returns. If you have questions before purchase, please get in touch by e-mail or call 800-argon capsule. All parts are made of 304 stainless steel and engineered for perfect fit for your selected model."
},
{
"name" : "Argon Capsule Cap",
"price" : "40",
"options" : [
{ "Size" : "Small,Medium,Large" }
],
"image" : "http://upload.wikimedia.org/wikipedia/commons/c/c6/Grey_Tshirt.jpg",
"description" : "This is another fun grey T-shirt"
},
{
"name" : "Argon Capsule Body",
"price" : "50",
"image" : "http://upload.wikimedia.org/wikipedia/commons/c/c6/Grey_Tshirt.jpg",
"description" : "The Argon Capsule Body with included silicon O-ring screws snug into the Argon Capsule Cap to complete the cansister. Made of 304 stainless steel with brush finish, the body measures 15cm long and includes an argon charging port."
},
{
"name" : "Argon Capsule O-Ring Set",
"price" : "5",
"image" : "http://upload.wikimedia.org/wikipedia/commons/2/24/Blue_Tshirt.jpg",
"description" : "The Argon Capsule O-Ring Set includes the Cap O-Ring and the Body O-Ring made of silicon. O-Rings are necessary to maintain an air-tight seal."
},
{
"name" : "Argon Capsule Charging Port",
"price" : "10",
"image" : "http://upload.wikimedia.org/wikipedia/commons/c/c6/Grey_Tshirt.jpg",
"description" : "The Argon Capsule charging port screws into the bottom of the Argon Capsule Body and is engineered to withstand over 10,000psi."
}
]
}

JSON validates with JSONLint.

Paypal subscription

hey is that possible a way to make a PayPal subscription order ?
With options to select the time cycle like 1Month 3Month 9Month 12Month and set the price for the months like 1Month 12,99 and 2Month's 21,99 and so on

Unable to tell the difference between small and medium of the same product in cart

When adding multiple of the same product in the demo, with each having a different size, they all look the same from the cart view. Once you move to checkout then the descriptions next to each product line enables you to see which is which.

I would suggest adding a short description to each product line in the cart view so you can tell the attribute choices for each.

Bower is outdated

Hi everyone!

How to run this project locally? It only has "test" command

options set or add price

Hey, is there a function to set or add a price over the Options ?

Waht i mean is
for list { "OptionName" : "Black,2.5,Green,3,Red,2" : "add" } or "set" the price
and checkbox checked { "Checkboxname" : "With Logo,20" : "checked" : "set" } or "add" the price
and checkbox not checked { "Checkboxname" : "no Logo,0" : "add" } or "set" the price

i hope you know waht i mean, and thank you.

no works

Hello! Really nice your preview....but i dont understand why, but do not work...i see the cart button at top right and nothing more!
Maybe i have to change something into package.json? testing in xampp (htdocs/shop/index.html so i try to write simple index.html or localhost/shop/index.html or http://192.168.1.100/shop/index.html) but not upload the product that are into product.json...any suggestion?

Thanks to all

Google Sheets plugin cross domain problems

The Google Sheets plugin is not working correctly when implemented. I would also suggest adding a few more details to the readme file about this plugin.

You mentioned that the problem seemed intermittent based on the spreadsheet being used and that it looked like some cross domain problems.

[Enhancement] Add support for Bitcoin as payment method.

How about adding support to checkout paying with Bitcoin?

This would be a great feature here on this project which many people around the world could benefit from, individuals in countries where they cannot have payment gateways like Paypal, could have a simple working ecommerce shop with the basics this project already provides.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.