Also known as: Shopping Basket
What
Let the user to collect products into a shopping cart.
Example image
Play.com - User can select items and collect them into a shopping cart. The cart with added items is shown trough the shopping session on the sidebar. The most recently added item is shown at the top of the cart.
Use when
- User wants buy more than one product or a variation of a product.
- User wants to select the products now, but want to pay them later.
- User wants to select some of the products now, but like to continue shopping later.
Why
- The shopping cart is the most common metaphor in eCommerce on the Web. People know the basic idea of how it works.
How it works
- Keep the cart visible (if possible) and up-to-date throughout the shopping process.
- Show only the most important details of the items in the cart
- Allow users to see more details about the products in his cart
- Allow users to remove and edit cart items
- Allow users to see the entire contents of the shopping cart with details in a separate view.
- Always allow an easy access to the cart
- Show the entire list of items in the shopping cart when the user goes to an order view to place an order.
- Provide feedback so that when the user puts a product into the cart, he should notice that it is there.
- Suggest related products the user might need after he has added an item to the cart
- Or show related products when he is about to place an order.
History
The first version (1.0) was created on 28.12.2007 by Janne Lammi.
Pattern Gallery
Show Your Pattern Examples Here!
Add your examples to this pattern by adding them to flickr.com group UIPatternFactory.com and tagging with this tag:
More photos in Flickr group "UIPatternFactory.com" tagged with shopping-cart
Cheers man, great site and a nice pattern!
Hello there I was wondering, do you mind giving me the place where you got website design from?
I didn't get the design from anywhere, I designed UI Pattern Factory by myself.