Overview
You want to change the appearance of your menu by uploading images to match the text of the Menu categories. You can also rename the category names to match your preferred dishes. You can even create categories for bestsellers, meal packages, or seasonal dishes.
This article explains how you can edit the Food Ordering Feature's Menu Category so the app users can easily see and find what they are interested in in an appealing menu.
Solution
- Log in to the CMS.
- Navigate to Create > Build. Search for the Food Ordering feature from the Features section.
- Update the category. Scroll down to the Menu section under the Content tab and click the Edit button.
- Edit the text in the Category Name field according to your preferred combination of text and image. You have three options:
- For Option 1 category layout where the large text is over the image (as described in the Information section), you can assign a category name. Simply edit the Category Name field.
- For Option 2 category layout where the small text is over the image (as described in the Information section):
- Delete all the text from the Category Name.
- Fill in the Category Name field with a period
.
. Category Name is a mandatory field so at least one character has to be in this field to enable the Save button. Then, proceed to Step 5 to add the image.
- For Option 3 category layout, the default layout where there is no image but a small text for the category (as described in the Information section):
- Remove all the text from the Category Name field.
- Fill in the Category Name field with a period
.
. A character has to be entered to enable the Save button.
Reminder: Since Option 3 has no images in the category's background, skip Steps 5-6 and proceed with Step 7.
- For Option 1 category layout where the large text is over the image (as described in the Information section), you can assign a category name. Simply edit the Category Name field.
- Click the Add button to add an image for the category, or Type The URL that hosts the image (eg;https://drop.ndtv.com/albums/COOKS/pasta-vegetarian/pastaveg_640x480.jpg)
- Browse or pick an existing image. Then, click Select.
- Click Save to apply your changes to the category.
Testing
Here are some of the combinations that can be applied to the category's image and text label.
![]() |
Option 1: Image with the large text over the image. |
Option 2: Image without the customized text on the image. The text is already added by default when configuring the Category in the Food Ordering feature. | |
Option 3: The default text with no image uploaded. |
Comments
0 comments
Article is closed for comments.