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
    Dec 21 '17 at 11:35
  • It is a tablet. I uploaded an image but there is an error.
    – Burak
    Dec 21 '17 at 11:38

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
    Dec 21 '17 at 15:34
  • I think the problem might be in your end. I can see both the image you uploaded and my mockup.
    – dennislees
    Dec 21 '17 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
    Dec 21 '17 at 17:24

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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