Jquery Panda Cart - Simple Crud Functionality For Shopping Cart

Published by: Emil // Date 9.5.2014 // Views: 5379 // Add to Twitter :: Facebook

Image

Some time ago I've been written a small piece of code because I was not able to find a similar ones on the web, simple and clear. Somewhere in between I discovered the cart from JSAJAXPayPalCart but was to complex for what I needed and to much code, so I decided to make my own. This Cart idea fits also with Bookmarks concepts or any other scope that involve a client side functionality where you you have to give possibility to users to do a collection of items that are on the pages displayed. This code can run with normal cookies as storage but also localStorage HTML5 feature. Both cases are saving information in JSON format.

Code is fully available on www.github.com
https://github.com/maranemil/jquery_pandacart


Adding an item having id, name and price would be


$.addCart('6','Audi A1','250');


To delete an item from Cart like id=6, just write


$.removeCart(6);


To remove all items from Cart just call


$.cleanCart();


Demo Panda Cart:


http://maran-emil.de/experiments/demo21/






Realted links



Creating A Client-Side Shopping Cart
http://www.smashingmagazine.com/2014/02/13/create-client-side-shopping-cart/

An AJAX Based Shopping Cart with PHP, CSS & jQuery
http://tutorialzine.com/2009/09/shopping-cart-php-jquery/

10 Amazing Collections of Ajax Shopping Cart
http://dzineblog.com/2010/10/10-amazing-collections-of-ajax-shopping-cart.html

A Shopping Cart Application Built with AngularJS
http://www.codeproject.com/Articles/576246/A-Shopping-Cart-Application-Built-with-AngularJS

Creating A Slick Ajaxed Add-To-Basket With jQuery And PHP
http://www.webresourcesdepot.com/creating-a-slick-ajaxed-add-to-basket-with-jquery-and-php/

AJAX PAYPAL CART JQUERY PLUGIN
http://www.digicrafts.com.hk/components/JSAJAXPayPalCart






Credit for image © 2014 ClipArt Best
http://www.clipartbest.com/clipart-9TRRzeL8c