If your are planning to create a shopping website and looking for shopping cart plugin then In this post I am going to share a fully functional client side shopping cart plugin in Jquery name Cesta-Feira. It is an easy to use jQuery plugin that adds a fully featured store to any website in minutes. The store plugin is written in pure JavaScript (jQuery) with support of localstorage.
Cesta-Feira jQuery plugin for creating and manipulating a simple shopping cart on your website.
Features
- Full client-side operation (use of server-side languages is optional);
- Totally customizable with regard to item details when adding to cart;
- Browser support: Firefox, Chrome, Safari, IE8+, iOS, Android, Opera;
- Small file size and simple to implement;
- Based on metadatas of DOM;
- Callback API and public methods.
Creating Simple Shopping Cart
Below going to create a very basic add to cart feature using this plugin.
Libraries
First and most important, the jQuery library and jStorage library needs to be included (no need to download – link directly from CloudFlare CDN). Next, download the package of the cesta-feira and link Cesta-Feira Javascript file.
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7/jquery.min.js">script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jStorage/0.4.12/jstorage.min.js">script> <script src="/dist/cesta-feira.min.js"> script> |
HTML
Create a form element with the metadata data-cesta-feira-form form
