Skip to main content

Mobile App Design: Display Options

Written by Joyce D.
Updated over a week ago

Overview

Lunchbox gives you the power to control several display options. Each of the following settings can be updated, and you will see the changes automatically after closing and reopening your app. The following is a list of App Display settings that can be adjusted in New Admin ONLY.

To view and set the mobile app display options,

  1. Go to the client ordering website and log in to your Lunchbox account. On the Home Page, select the Jump to Admin button

  1. From the left sidebar, select Design

  2. Select Mobile App

  3. Select Display Options

Menu Items Layout

The first option, the Menu Items Layout, determines how the menu items are laid out in the mobile app. There are 3 options to choose from: Column, Grid, and Cross-Style (horizontal scroll)

Column layout

Menu items are presented in a list view, arranged in one column spanning the entire width of the device, with a vertical scroll.

Grid (Default) Layout

Menu items are presented in a card style, arranged in two columns with a vertical scroll.

Cross-Style

Menu item cards are displayed in a two-column layout with horizontal scrolling, while the overall Menu page supports vertical scrolling.

Change Item Note Character Limit

This setting is for changing the item note character limit. The default value is 150. Maximum value is 1000 characters

ASAP/Schedule Toggle

Enabling this option allows guests to place orders with two choices: ASAP orders, marked as “TODAY” for the day and “ASAP” for the time, or scheduled orders for a later time. To read about all feature capabilities and how to use them, visit

Collapsable Modifiers

This setting will collapse the modifiers in the item modal at the beginning, when the user first accesses the item page.

Display Manage Payments

This setting will display the Manage Payments page in the user’s profile.

Display Addresses in Profile

This setting will display addresses in the profile.


Display Scan To Pay

This setting will display the Scan to Pay tab in the tab bar. Before settign the toggle to active, make sure In-store loyalty is configured for the given POS


Display Partial Payments

This setting enables guests to split their payment across multiple cards. It's available for all service types, but whether or not the feature works depends on your POS system and payment processor's capabilities.


Display Scan For Loyalty

This setting will display scan for loyalty in the tab bar. Before setting the toggle to active, ensure the loyalty system is configured. This feature is currently only supported with Toast POS.


Display In-Store Tips

This setting will display tips for scan to pay. Toggle should be set to active only when Scan to Pay toggle is active, too.


Hide Chain Name

This setting will hide the chain name on the Menu, Rewards and Account pages


Hide $0.00 Item Prices

This setting will hide item prices in the menu if the price is $0.00


Hide Lunchbox Logo

This setting will hide the "Powered by Lunchbox" logo. This toggle option is not available for all clients. If a client wants to hide the "Powered by Lunchbox" logo, you should ask for approval from the leadership team and create a ticket, if approved. Here are the ticket examples,


Hide Restaurant Phone Number

This setting will hide the phone number of each restaurant on the Locations page, Location confirmation page (before accessing the menu), Order confirmation page, and phone numbers won't be listed on receipts in the Order history section.


Hide Store Address

This setting will hide store addresses. It will be hidden on the Locations page, Checkout page, Order Confirmation page and it won't be presented on the receipts in the Order History section.


Hide Include Utensils

This setting will hide the "Include Utensils" checkbox on the checkout page.


Hide Vehicle Information

This setting will hide the vehicle info on the Checkout and the Order confirmation page.


Modifier Display Style

You can select the display style of the modifiers in the item modal. It can be a list or a grid. If you want to use a list, it goes hand in hand with the Menu Item layout, while Grid or Cross-Style fits better with the Grid modifier display style.

Marketing Carousel Layout

Select the layout of the marketing carousel

Wide: Homeb screen image will be displayed as a 16:9 image

Tall: [Default] Marketing Carousel image(s) will be displayed with a max height (iOS = 475px, Android = 474dp), extending to the bottom of the screen

Display Additional Checkbox Options

This setting adds up to four checkboxes at checkout that customers can choose to select. It’s a flexible way to remind them about free, essential add-ons like Add Ketchup, Add Mayo, or Add Napkins.

These options are always optional for the customer and come with no extra charge. They should only be used for items that are free and commonly forgotten.

IMPORTANT NOTE: Do not use this option to add Utensils, as Include Utensils is a separate option that can be controlled via  Hide Include Utensils 

To add options in Admin, select Design > Mobile App > Display options > Display Additional Checkbox Options.

To add an option,

  1. Enter the item name in the text input field

  2. Select the +Add button

  3. Select the Save button at the bottom

IMPORTANT NOTE: Mobile apps do not yet support this feature. As soon as this option becomes available on the frontend, we'll update the article with fresh screenshots.


Suppress "Update Order Time" Modal for ASAP Orders

This feature adjusts the order time to the next available slot for ASAP orders when the original prep time has elapsed, without displaying a CTA modal to the customer. This feature is applicable only to ASAP orders.

Previously, customers placing ASAP orders who lingered past the prep time saw a modal requiring them to accept a bumped time, which interrupted checkout and sometimes caused frustration or cart abandonment. With this feature, the system automatically handles time adjustments for ASAP orders, creating a smoother and faster checkout experience.

To set up this feature, log into the client's Admin dashboard, and from the left sidebar

  1. Select Design

  2. Select Mobile Apps

  3. Select Display Options

  4. Find the Suppress "Update Order Time" Modal for ASAP Orders and set toggle to active

  5. Select Save

  • This setting only applies to ASAP orders. Scheduled orders will continue to prompt customers with the time bump modal when needed.

  • The adjustment will always respect the restaurant’s operating hours. If no slots remain available for the day (e.g., near closing), the system will display the order scheduler.

Expected behavior

  • When the Suppress "Update Order Time" Modal for ASAP Orders toggle is inactive:

    • When a customer wants to place an ASAP order, but the original prep time has elapsed (prep time > assigned ASAP time), the customer will see the time bump prompt to accept the new time for their order before they can place it.

  • When the Suppress "Update Order Time" Modal for ASAP Orders toggle is active:

    • Automatically adjust the order to the next available time slot without requiring the customer's confirmation

    • The notification about the new time discreetly appears in the app header on the Cart and Checkout pages, while the new time for the order is displayed on the Cart, Checkout and Order confirmation pages.

  • Edge case: If a customer waits too long and the restaurant no longer has available time slots for that day, the system automatically triggers the order scheduler instead of silently adjusting.

Did this answer your question?