I’m developing a responsive e-commerce website. It’s fairly tough but I like it 🙂
For the cart I decided to show the product categories on the shelves and single products in a overlay.
The problem is that it is almost impossible to style them in a decent way because I don’t know how many of them there will be nor how large the viewer’s window will be.
What patterns could I use to display this variable length data, and how would I accomplish it?
I’ve been using jQuery Infinite Carousel with much success. It could be a great pattern for your products, being able to display them in an overlay without knowing how many will be available to view.
Coding for the Carousel is fairly straightforward. Just provide your content in an unordered list and apply the jQuery accordingly.