13 jQuery Plugins and Tutorials for e-commerce website

E-Commerce websites are making shopping easy for customers. The number of ecommerce websites are growing with every day. Shopping Cart is the most important aspect of an E-Commerce website.

We all know that jQuery plugins helps us to add difficult things to our websites very easily.

Below you’ll find 13 jQuery shopping cart plugin and tutorial that suitable for ecommerce website . The combination of JQuery & Ajax gives double power to your website in effects only.

1. VALIDATOR

jQuery Credit Card Validator detects and validates credit card numbers. It’ll tell you the detected credit card type and whether the number length and Luhn checksum are valid for the type of card.

2. PRODUCT COLORIZER JQUERY PLUGIN

ProductColorizer is a light-weight solution for users to quickly preview a product in different colors. The plugin uses only two images per product to create the effect and it is built on top of the robust and popular Javascript framework jQuery, providing you with an easy setup. The plugin works in all major browsers including IE7+ (will work with IE6 if you use a png fix). View the source on GitHub.

3. JQUERY STORE LOCATOR PLUGIN

This jQuery plugin takes advantage of Google Maps API version 3 to create an easy to implement store locator. No back-end programming is required, you just need to feed it KML, XML, or JSON data with all the location information. How you create the data file is up to you. A note on the distance calculation: this plugin currently uses a distance function that was originally programmed by Chris Pietschmann. 

4. PLUM.SHOP

plum.shop is a JavaScript shopping cart built on the jQuery library. It’s super easy to set up, has support for just about any necessity in an e-commerce store, and at less than 25 KB, you get quite a bit of bang for a very small footprint.

Features:

• AJAX-ready. Pages using plum.shop can be loaded with AJAX without calling the plugin again
• Build an entire store with simple, straightforward HTML markup
• Over 30 customizable options and callback functions
• Multiple tax brackets for countries, regions and local taxes
• Multiple shipping options
• 5 included checkout methods including custom checkout, PayPal, Google, Amazon and Skrill
• 3 cart storage methods including HTML5 localStorage, browser cookies, and server-side sessions
• Set up multiple carts per page

5. JQUERY XML STORE SHOP

JQuery XML Store/Shop is JQuery / HTML version of our XML PayPal Store/Shop V2

This is easy to use fully XML Driven Store / Shop / Shopping Cart built using JQuery & Twitter Bootstrap Framework . Its having 2 options for the checkout Using PayPal or/and Submit order by Email

Having drop down options for Sizes & Colors of product. Can have Unlimited categories of Products

Fully XML Driven Shopping Cart. Unlimited items can be displayed.

Features:

• JQuery Powered
• Simple, Nice & Attractive
• Fully XML Driven
• HTMl5 markup
• Cross Browser Compatibility
• Responsive Layout
• Separate XML files for Products & Configuration
• Ready to use.
• Thumbnail for Product.
• PayPal Checkout (Optional)
• Submit Order by Email Checkout (Optional)
• Unlimited Categories
• Unlimited Products
• Product Size
• Product Color option
• Resizable
• Well documented
• 100% Customizable Shopping Cart

Please Note: Submit order by email uses PHP mail function which works on PHP enabled servers.

6. PAYPAL SHOPPING CART

Nice looking, ready to use PayPal shopping cart made with jQuery. It’s fast and lightweight as it does not require database or server scripts to work. Your customers can purchase multiple items and pay quickly with paypal for everything at once.

7. CLOUD ZOOM

Cloud Zoom is a popular fly-out jQuery image zoom plugin used on many high profile retail sites.

Continuous improvement, regular updates and technical support make it a favoured choice for busy developers who need a mature and reliable jQuery image zoom solution for their clients.

8. JQUERY REEL PLUGIN

Reel 1.2.1 is an established jQuery plugin which takes an ordinary image tag and transforms it into a gorgeous interactive 360° object movie, panorama or stop-motion animation. It is the premier alternative to Flash, Java or Quicktime and is trusted by government agencies and big brands like BMW, Nikon, O2, Blackberry or The New York Times.

• Animated rotation and inertial motion.
• NEW In-scene annotations (hotspots) in sync with frames.
• Intuitive operation. Supports both mouse and touch.
• Apple, Blackberry and NEW Android mobile devices supported.
• Nearly 50 options for full customization.
• Browser and operating system agnostic. Flash-free. It's just an image...
• Loves your existing CSS.
• Transparent, NEW documented, eventful & well-tested tiny code base.
• Tools for Drupal , NEW Joomla , Dreamweaver , Poser or Python by the loving community!

9. AJAXED SLIDING SHOPPING CART WITH JQUERY

This is a detailed tutorial which shows creating an unobtrusive Ajaxed shopping cart using jQuery & PHP and can guide you to Ajaxify any e-commerce software you may already be using or coding. The main functions of the cart will be adding/removing items to the basket without the need of refreshing the page & displaying the actions with effects.

10. FILTRIFY

Filtrify is an advanced tag filtering plugin, inspired by Chosen multiple select feature and Orman Clark’s Vertical Navigation Menu.

Advanced because you can search tags within tags and filter items by multiple tags from different categories and get a live feedback on the number of items containing related tags.

11. AJAX PAYPAL CART

AJAX PayPal Cart is a easy to use JQuery plugin for web developer to add a full function shopping cart in their website. The AJAX cart can included a cart widget which allow display of cart information easily. Support PayPal Website Payment Standard.

Highlighted features: 

• In page AJAX cart, no window refresh
• Cart widget to display current cart status
• Easy setup
• Shipping Page
• Support PayPal Website Payment Standard
• Support Localization (en, jp, en included)
• Support different currency (USD, YEN, HKD...)
• Custom payment gateway (support PHP,ASP.NET)
• Easy customization with CSS
• Full API support

12. Ajax Based Shopping Cart With PHP, CSS & Jquery

This tutorial we are going to create an AJAX-driven shopping cart. MySQL database will records all product data, PHP will showing and processing the data.

13. jQuery Plug-in: Shopping Cart

This is jQuery plug-in, which makes a JavaScript based shopping cart system.

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN AND DEVELOPMENT.