All Collections
Admin
New 2.0 Jump to Admin
Web Design
Configuring & Displaying Category Icons
Configuring & Displaying Category Icons
Updated over a week ago

Configuring & Displaying Category Icons

Screenshot 2023-11-29 at 5.22.03 PM.png

In this article, we'll discuss how to add and display Category Icons next to your Menu Categories if you are utilizing "On Side" Menu Category Placement in the Lunchbox 2.0 Old and New versions of the Admin Dashboard.

Category Icon Image Specs

Please make sure that your Category Icon Image Specs

File Format: JPG, JPEG, PNG, GIF
File Size: up to 2MB
Dimensions: 100X100

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
  1. 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
  1. View the Category Icons for accuracy

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