I need help regarding product display on the product page. There are many websites offering different price for same product (just like Amazon, Flipkart, Shopclues etc.)

How can I show multiple buttons below product to show multiple deals to the user? There will be pop-up including specification table on hover the each button. Is there any effective way to show this?

Product UI and table

1 Answer 1


Have you considered offering the users just the best offer and then letting them decide if they'd like to see the rest?

Amazon is doing this by giving you the lowest price on a product, then providing a link to other offers giving the users the freedom to choose if they need to.

Yellow highlight indicates the other offers available

This would have the added effect of not overloading the user with options and streamlining their selection process.

  • This is too old style. Company wants to stick to the current method. Tell me if this can be aesthetically good looking and user friendly.
    – Keshao
    Jul 17, 2017 at 9:56
  • 1
    I agree the style Amazon uses might be a bit dated. But the concept remains the same. Not overloading the user with options whilst giving them the ability to choose is overall better for the UX and your conversion rates. How you want to utilise it UI-wise and make it fit your app's layout is up to you. Now, if you have to stick to your current design I would suggest against pop ups, especially for a mobile view. Instead have the offers laid out as you do, with each having a dropdown button/arrow and the specifications table expanding when the user selects the dropdown. Jul 17, 2017 at 10:07

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.