Is there a better way to show variants of products with better call outs like, if that combination is out of stock try other combination or get 50% off on other variation.

Also, should we place the variants near the product gallery or after the product name and price?

Attaching a screenshot for referenceenter image description here

2 Answers 2


I think Amazon has some intersting examples here. They are using the photo with different colour for each product colour. If one product is not in that colour they simply grey out the product type when the colour is selected.

I think you can present a discount message when the user has selected a colour + type are not available. Maybe show them a discount code voucher they can use on checkout.

enter image description here


Do you know that illusion where collored text appears as for example: the word blue is collored red, the word black is collored yellow and it messes up your brains ?

Starting from this I would create the color options with also showing the color itself. Aside from that the colors and options should sit under title and price. To portray that some options might have a discount you can either show the price interval : 1200 - 1800 $.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.