Go Back   nV News Forums > General Forums > Archived News Items

Newegg Daily Deals

Reply
 
Thread Tools
Old 10-12-10, 04:50 PM   #1
News
Registered User
 
Join Date: Jun 2009
Posts: 51,515
Post Create A Webshop Without Databases With SimpleCart(js)

Shopping systems are often slow, bulky systems that can be quite demanding. The exceptions are blog (i.e. Wordpress) plug-ins, but even these require advanced control over your webserver and database installs.

In short, a lot of work, files and really tough to use with free (limited) webspace.

Today, we'll discuss an alternative. It's free, super lightweight, and just needs a little different approach. That's to say, there's no graphical user interface for adding shop items with this web site shopping cart. Instead, you need to insert simple tags in your HTML code. Don't worry, we'll tell you how.



simpleCart(js)

The end-user interface is slick, simple and direct. Products are aligned in this web site shopping cart in a grid, with relatively large icons, product explanation and price. The webmaster can optionally add different options for a product, i.e. small, medium and large T-shirts. Because of the build-up, simpleCart is best used for displaying a smaller and relatively static product arrangement, perfectly suited for amateur sellers.



The cart is usually shown at the bottom of the page, but you can pretty much put it wherever you want. Here the buyer can review the products already selected, change the quantity, or empty the card.



When satisfied, pressing the Checkout button will take the buyer to Paypal or Google Checkout, starting a money transfer to your account. You'll receive a notification when you get the money, where after you can ship the products. As simple as that.

Setting Up SimpleCart On Your Website

First, make sure you've got a basic website capable of executing JavaScript (which most can) and some little web space for the rest of the files. You can download simpleCart(js) from the website. It's donation ware, so you can choose for yourself if you like it and how much you think it's worth.

Unzip the file and upload simpleCart.js to your site directory.The set-up is completed by inserting some little code into your website's HTML files. Wherever those snippets of code are inserted, that's where the specific simpleCart components will show up.



Add this to every page, between the and tags, wherever you want to use simpleCart.



Add the above to make simpleCart check out using Paypal. You also need to specify your Paypal mail address. Change the elements in green, and paste the entire snippet between the and tags, wherever you want to use the checkout.



If you instead want to use Google Checkout, paste the above snippet between the and tags, wherever you want to use the checkout. Instead of your email address, swap the green element with your Google Checkout Merchant ID.


Product Name



Small
Medium
Large

$35.99
Add to Cart



The code snippet above is used to add an item to your shelf. Change the item name and price, show in green. The select class, shown in blue, is entirely optional. If there are no subclasses in your product, you can leave it out. Paste it between the and tags, wherever you want to show it on your page.




Paste this between the and tags, where you want to display the entire web site shopping cart.

You have items in your Cart.
Cart total:

Checkout
Empty


The above elements will respectively display the amount of items in your cart, the cart total, a checkout link and an empty cart link. Each element can exist independently.

Take a look at the documentation for more advanced settings, including currency options, tax rates, shipping, and changing the cart formatting.

What do you think about simpleCart(js)? Have you ever sold anything online on your own site, and how did it go? Let us know in the comments!

Image credit: Shutterstock
Do you like MakeUseOf articles? Don't forget to share our articles with others! It's really important to us.







Similar MakeUseOf Articles






More...
News is offline   Reply With Quote
Reply


Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -5. The time now is 02:04 PM.


Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
Copyright 1998 - 2014, nV News.