Rich Shopping Cart
Overview
The shopping cart is the kernel to every e-commerce site. Bad shopping carts make you visit the checkout page, just to see the final price of things. Bad carts are clunky, hard to read, and disappear just when you need them.
Most shopping carts are a disappointment.
We hope the cart at Well.ca is different. It was our goal, when we built our shopping cart, to make it the most usable, fun, and information-rich cart possible. Below, you can learn more.
Information Rich
There’s a lot of stuff going on in our tiny shopping cart.
In that tiny rectangle, you can checkout, change your currency, see your dynamic totals, and view full information on each product.
Go ahead – play with it :)
AJAX Enabled
Animations like this are uncommon in e-commerce partially because sites are worried that the dependency on Javascript may cause browser compatability issues, hindering sales. In our case, we use a jQuery override method so that the site will auto-fallback to a non-AJAX method of Add To Cart if the browser is not compatible.
Hover Product Info
A user may have 20+ things in their cart. In order to give full information on what’s inside, we’ve enabled hover information boxes on the products in the cart. Try moving your mouse over a product in your cart to see an example.
It Moves
Our cart contains a lot of information, including the core button to proceed to checkout. In order to make sure that you can checkout anywhere, even if the page scrolls for a long time, we needed to animate the cart whenever the user scrolls down.
