Product carousel – how to present variants of a product?
I’m working on a product carousel for an e-commerce site.
I have a list of elements of one tile:
- Price
- Crossed price
- Badge/ribbon
- Image
- Caption (Product’s name)
- CTA (i.e. Show) as a button
- Ratings/Reviews (stars, number of stars, grey if none)
- Thumbnails (optional)
- Availability in stock
- Button, i.e. “More details”
Question:
Let’s say that we have a T-shirt available in 5 different colours. How can it be shown on product carousel on home page?
I thought about showing some colours block under the picture of a product. If doing so: How many of such colour blocks would be ok?
Second idea is to change the picture on a carousel randomly. It means: User goes on my page and sees blue T-shirt (maybe with colour blocks under the pic) among other products in product carousel. After reloading the page there will be a white T-shirt in carousel (maybe with colour blocks under the pic).
What would you recommend? What is the best way to show in product carousel that we have more colours on stock?
Partial login for account management
I work for a TV/Telco company and I’m looking at if its a good idea to open up some of the ‘My Account’ management section of our site to users who are only partially logged in. In a very similar way to what Amazon does today…
Have you seen the off-canvas pattern used in desktop webdesign?
Originally it’s a mobile pattern that solves the problem of less screen real estate. I’m trying to find examples of the off-canvas pattern used in desktop webdesign, where there is plenty of screen space.
Displaying complicated parent/child relation
I have four lists, they are claims, deviations, tasks and costs
A claim can have deviations and tasks as children
A deviation can be, but does not have to be, a child of a claim
A deviation can have tasks and costs as child…
Live Chat – Where to Place Button on a Customer Service Portal
Short background is that we’re working with a self service portal. The home page will feature a call-to-action of a search form for their queries e.g. “What is the flexi time policy”
Below this there will be top 10 lists of…
Color and Text Sizes Suggestions [on hold]
This is my first time on this website and I wanted to get some suggestions for my portfolio website.
I just bought the domain so I’m using my IP Address. Here is my website (click me)
My website is not yet finished, but bef…
What is the best way to align header & contents of a website
I’m working on a Ecommerce website which consists of a landing page, product search page and a details page designs. I got struck with the header alignment design. So, I tried to refer a lot of websites where there are differ…
How long before system timeout should a warning appear?
On a service which includes a lot of sensitive info in digital input forms, how long before timeout should you display a warning message?
Someone proposed a 15 minute session with a timeout warning at five minutes, but I sus…
What can I do to improve this help/usage message?
I’m currently developing a command line tool for unix. Since it is good practise to provide a decent help/usage message I decided to work on it a little.
There are two variants of this message. The first that get’s displayed…
How to create a variable size tile layout in html
I’m experimenting to see if I can created a variable sized tile layout like the one below, without any intermediate wrapper divs.
I first tried a flexbox approach, and then discovered that flexbox isn’t designed to have c…