Menu Previews - Store level

Menu Previews allow for brands to see all their menu item and nested items within a specific menu. In the future the feature will allow you to drag and drop, reorder and edit products.

This guide walks you through the behavior and interactions of the Menu Page, including how menus, categories, products, and search work.

Page Overview

• If no menus are available, you’ll see a simple message letting you know—no action buttons will be shown.
• If menus exist, the first one (based on order) will be displayed by default.

Switching Between Menus

• Use the menu selector at the top to switch between menus.
• Each menu shows its name and, if available, its internal name.
• Click the dropdown to view up to 6 menus at a time—scroll to see more.

Menu Details

• Under the selected menu, you’ll see:
  • Internal Channels and their order types (if available)
  • External Channels and their order types (if available)

  • Status and Serving Time

    Note: The “Pending changes” status is not shown at the store level.

• If any of these details are missing, they’ll simply be hidden.

View Menu Settings

• Use the “View Menu Settings” button to explore menu configurations.
• A new column with three-dot buttons allows you to access a “Preview” option for each menu.

Categories & Products

Categories

• If no categories are added, you’ll see a message indicating that.
• Each category displays:
  • Name
  • Number of products
  • Internal name (if available)
• Hovering over a category name underlines it.
• Clicking a category opens it in view mode.

Products

• Products are shown with:
  • Image
  • Name
  • Internal name (if available)
  • Price
  • If the product has sizes, a price range may be shown (TBC).
• Hovering over a product row highlights it and shows a disclosure arrow.
• Clicking a product opens a product drawer without closing it—clicking another product simply updates the drawer.

Product Drawer

• The drawer header is fixed and shows:
  • Product name
  • Price
  • A “View” button
• The rest of the drawer is scrollable.
• If no product groups are added, an empty message is shown.
• Product groups behave just like in the “Contains product groups” tab:
  • Expandable
  • Clickable
  • Fully interactive
• Prices are shown for all nested items.

Search

• You can search by:
  • Product name
  • Category name
  • Internal name
  • ID
• If nothing matches, you’ll see a friendly “We couldn’t find anything” message.
• Results include:
  • Products with their categories
  • Categories with all their products (if searched directly)