Menu Add-On Photos: Help Customers Understand Toppings and Extras
Make the default menu photo match the base order, then give paid extras a separate, clearly labeled reference. If the main burger photograph includes an optional topping, customers should not have to open the customization screen to discover that it costs extra. Menu add-on photos work best when the image, option name and price describe the same choice.
Before photographing every topping, check where those pictures can actually appear in your ordering system. An image attached to a menu item, a modifier shown to staff and an option visible to customers are different placements. Build the photo plan around the customer-facing display you have verified.
Define the base order before showing the extras
A modifier is an option that changes a menu item, such as adding a topping, choosing a sauce or removing an ingredient. Not every modifier is a paid addition, so do not treat all customization choices as extras.
Write down what arrives when someone orders the item without changing any selections. That is the reference for the main photograph. Check default selections as well as the description: a topping that is preselected in the ordering screen needs to be understood in relation to the displayed price.
Next, separate the choices that add something from those that replace something. “Add cheese” and “swap the sauce” do not describe the same change. A photo showing both sauces together would be misleading if the choice replaces the original sauce rather than supplying another portion.
Use a small planning table before the shoot:
| Choice | What its photo should explain | What the accompanying text must clarify |
|---|---|---|
| Base item | The standard order | What is included at the displayed base price |
| Paid topping | The item with the selected topping, or a clear topping reference | That it is optional and carries the listed charge |
| Extra sauce | One normal additional portion in its service container | That this is an additional portion, not the included sauce |
| Substitution | The resulting item when the replacement is selected | What is replaced and any price difference |
The table is an internal planning aid. On the menu, use concise names customers can match to the order they want.
Choose between an ingredient reference and a finished item
A separate reference photo is useful when the extra arrives separately: a sauce cup, a side of pickles or another packaged accompaniment. Show the actual portion and container. A broad bowl of sauce is not a good substitute for the small cup that comes with an extra-sauce selection.
For toppings applied during normal preparation, a finished-item photo may explain the choice better. Photograph an actual order prepared with that selected topping. Keep the base portion and other ingredients consistent so the change is understandable. Do not enlarge the topping serving to make it easier to spot.
There is also a practical reason to use text alone. If the addition is hidden inside the dish or barely visible in the available thumbnail, a photograph may add little information. A precise option name and description can be clearer than an ambiguous close-up. You do not need a photo for every modifier.
Avoid surrounding the base item with every available extra. Even with a general “extras available” caption, that arrangement can make several separate purchases look like one meal. A reference should resolve a choice, not require customers to work out which parts of the scene they will receive.
Example: a burger topping and an extra sauce cup
Consider a hypothetical café selling a standard burger, an optional paid bacon topping and an extra sauce cup. This is a planning example, not a tested sales result.
The café has one attractive photo showing the burger with bacon and two sauce cups. Using it for the base item would create two ambiguities: whether bacon is included and whether both cups come with the standard order.
The operator first photographs the actual base order for the main listing. A second photograph shows the burger prepared with the normal bacon addition. Where the menu supports a labeled secondary image, wording such as “Shown with optional bacon; additional charge” connects that image to the choice. The selectable option carries the actual current price.
The extra sauce gets its own reference showing one additional service cup. Its option name identifies both the sauce and the fact that it is extra. The image should not show the included cup and the additional cup together unless the distinction is clear in the surrounding menu information.
If the platform offers no suitable place for either reference, the café keeps the accurate base photo and uses clear text options. It does not replace the base image with the fully upgraded burger simply because that picture looks more substantial.
Verify modifier images on the actual ordering surface
Do not assume that uploading a picture in a dashboard means customers will see it beside the option. Check the menu on the device and channel where the customer makes the selection. Also distinguish staff-facing POS screens from online ordering pages.
For Square, start with the current modifier documentation, then verify your own setup. The documentation describes channel-specific modifier behavior; it does not establish that every Square surface displays modifier images. An older Square Community discussion includes a report of modifier images not appearing on an iPad layout. Treat that as a reason to inspect the actual display, not as a statement of today's universal support.
Follow the customer's sequence from the base item to the option list and selected-order summary. Check whether the photo remains visible, whether its label stays nearby and whether the charge is understandable. Do not assume the main image changes when a topping is selected.
If text is baked into an image, check its legibility at the displayed size. Keep the essential inclusion and price information in the menu's own text wherever possible. A caption that disappears in a crop cannot carry the whole explanation.
Prepare the images without changing the choices
Once each image has a defined role, photograph the real base order and the few extras that benefit from a visual reference. For a manageable setup, use the small-budget restaurant photography guide. If a sauce lid or container hides the contents with reflections, the glare guide addresses that specific capture problem.
DishVivid supports light, color and crop adjustments, plus an optional AI candidate that you can compare with the original and approve before export. Use it to refine one real reference photo. Reject changes that add toppings, increase a sauce portion or replace the service container. Editing cannot recover missing source detail or establish what a menu option includes.
After review, export the image and place it through your existing menu workflow; DishVivid's verified photo workflow does not establish POS integration, modifier management or automatic uploading. Check current access and credit/payment availability before repeat use, since optional AI uses credits when payment is enabled. The final check is simple: the base photo matches the default order, every illustrated extra matches its selected portion, and the text makes the additional choice and charge clear.