We are re-designing a menu. In this menu, an item can have multiple prices.

enter image description here

If there are more than 3 price options, it can be slide to the left or right. But sometimes the user cannot understand if there are more prices.

If we display the list line by line, the right of the price list will be empty.

So what should I do?

  • Is this on a desktop, tablet or mobile? Will give people the idea of space to work with.
    – sclarke
    Commented Dec 21, 2017 at 11:35
  • It is a tablet. I uploaded an image but there is an error.
    – Burak
    Commented Dec 21, 2017 at 11:38

1 Answer 1


Consider using a 'From' price, and providing a way of viewing all pricing options

A user interested in a Cobb Salad could click to see all prices, and add their choice directly from a modal overlay.


download bmml source – Wireframes created with Balsamiq Mockups

  • I cannot see your mockup, also the image that I uploaded is not being displayed. There is a problem with imgur I guess.
    – Burak
    Commented Dec 21, 2017 at 15:34
  • I think the problem might be in your end. I can see both the image you uploaded and my mockup.
    – dennislees
    Commented Dec 21, 2017 at 15:41
  • I could see it via VPN, interesting. Thank you for the mockup, looks great. Problem is, our clients want to show it in one place. Actually we have a lot of space in the detail page, because there is only 1 Item.
    – Burak
    Commented Dec 21, 2017 at 17:24

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.