Skip to main content

Web Design: Menu Category Placement

Written by Joyce D.

This changes the placement of the menu categories on the menu page and affects the display on the desktop web only.

How to update menu category placement

  1. Click on Menu Category Placement

    Click on Save


  2. Select "On Top" or "On Side"


  3. Click on Save

Click on Menu Category Placement

You have successfully updated Menu Category Placement!

On Side

Category Names will display on the left side of the menu and will have a vertical scroll

Click on Search Items

On Top

Category Names will display on the top of the menu and will have a horizontal scroll

Click on Sandwiches

Display Category Images

This setting will display category images to the left of category names. You must upload images for every category. Note: when using the On Top view category icons do not display

Configuring Category Icons

Adding Icon Images to Categories

1. Navigate to the Web Ordering URL, Log In & Click on Jump To Admin

Navigate to the Web Ordering URL, Log In & Click on Jump To Admin

2. Click on Switch To Old Admin

Category Icon Images need to be added from the Old Admin Menu Page

Open this link in a new tab or window so you can easily come back to the New Admin

Click on Switch To Old Admin

3. From the Old Admin Click on Menus

From the Old Admin Click on Menus

4. Click on the expand icon on the Menu you would like to add Category Icons to

Click on the expand icon on the Menu you would like to add Category Icons to

5. Next to each Category, click on the Image Icon to upload icon images

Repeat this for each Category

Next to each Category, click on the Image Icon to upload icon images

6. Choose the Icon Image File and Click Upload

File Format: JPG, JPEG, PNG, GIF

File Size: up to 2MB

Dimensions: 100X100

Choose the Icon Image File and Click Upload

7. The Icon Image will appear for review

Click on Return to Menu Editor to continue adding Icon Images to each Category

The Icon Image will appear for review

Displaying Category Icons on Web Ordering

1. Navigate back to the New Admin and Click on Web

Navigate back to the New Admin and Click on Web

2. Click on Menu Category Placement

Click on Menu Category Placement

3. Select On Side

Select On Side

4. Toggle on Display Category Images

Toggle on Display Category Images

5. Select Icon

Select Icon

6. Click on Save

Click on Save

Review Category Icons Updates

  1. Navigate back to the Web Ordering URL

    Navigate back to the Web Ordering URL


  2. Navigate back to the Web Ordering URL and Start an Order

    Depending on the Menu and Location, you may need to do this for each menu or location you've updated.

    Navigate back to the Web Ordering URL and Start an Order


  3. View the Category Icons for accuracy

View the Category Icons for accuracy
Did this answer your question?