Eric Cartman

A modern HTML5 shopping cart implementation

View on GitHub »

Demo shop

Shop at your heart's content

Product 1

A very fine statue with a yellow decorator

Price 3.00 EUR

Product 2

An energic, mentally retarted, dog

Price 5.00 EUR

Product 3

A cozy wooden house next to a river

Price 500.00 EUR

Out of stock

Features

Eric Cartman is a backend technology neutral shopping cart implementation done in Javascript, designed to be integrated to various eCommerce products and custom sites. It offers various benefits over traditional session based shopping cart tracking.

Why?

  • HTML5 localStorage instead of server-side sessions. Shop web pages can be statically cached making your website blazingly fast. free of cookie and sticky server problems.
  • Strong separation between logic, UI and templates. The clever design decisions allows you to drop the code into heterogenous systems.
  • Simple default UI which you can easily hack into pieces and adapt for your site.
  • Clean code free of inline Javascript or HTML and passes validators.

What?

  • Cart summary
  • Checkout pop-up
  • Adding and removing products
  • Can be applied to other basket or collecting use cases which don't use counts or prices

Under the hood

  • Supported browsers: all desktop browsers IE7+, all mobile browsers.
  • Javascript is JSLint compatible, commented and follows the best practices.
  • Extensible minimalistic JSON model for product data - only required keys are id and count

Modules

  • cartman.js: logic
  • cartman-ui.js: UI
  • index.html: default templates

Dependencies

Integrations

Info Similarities with the library name and other Eric Cartmen are purely coincidental

Usage

This library does not do checkout, payment processing, order management, etc. It is designed to do one task and this task is a shopping cart.

TODO

Authors

Mikko Ohtama (Twitter)