We are looking for approach to implement shopping-cart that keep shopping items at the bottom of the page, just like CrateAndBarrels
http://www.crateandbarrel.com/family.aspx?c=837&f=28291
The visitor should be able to add shopping item to the cart by clicking the item's "+ Add to Cart" button. From my understanding, for CrateAndBarrel the bottom shopping-cart is indeed a flash object. However, I wish we could find a way to implement this in ajax-fashion if possible.
We are not expert in anyway in web 2.0 stuff and looking for some guide to implement this feature. Our consultant suggest we use frame to implement this though.
If you were me how would you implement this feature ?
Some simple explanation on how those components should collaborate will be appreciated.
1) Personally I would use Ajax (and I am pretty sure CrateandBarrel must be doing that, and using Flash just to render the basket) - weirdly although my Firefox is up to date it won't let me use their site in that)
You can then render the basket with an absolutely-positioned DIV at the bottom of the viewport.
You could use a frame, but I think an absolutely positioned DIV would be a better solution.
(2) As Adam Pope says, when an item is added (via Ajax) the basket can be redrawn (maybe a JSON call to get the basket contents?).
And definitely use a javascript framework.
Edit: And remember to let it degrade gracefully for anyone who does not have javascript!