Media Images

minute read

Media Images Feature

This feature provides flexibility to the client by allowing them to Upload or Search & Edit images. These images can be uploaded without having to reach out to Lunchbox for support.

 

Uploading Media Images

Step 1: Go to the Media option in the Admin Dashboard. 

mceclip0.png

 

Using the Search Option to Edit or Remove Images

Step 1: Use the Search function to filter images using the Title or Tags fields. Click the Filter button to display the filtered search results or click the Reset button to display all available images. 

mceclip2.png

 

Step 2: Click on an image from the listed photos provided, which will open detailed information about the image to make edits as needed. The following fields can be edited:

  • Title: This field represents the name of the image.
  • Alt Text: Alternate Text can be used for an expanded description of the image
  • Tags/Keywords: Metadata can be added here to increase efficiency for searches.

mceclip3.png

 

NOTE: It is advised to add information into the Title field as well as the Tags/Keywords to optimize search functionality.

 

Step 3: Select the Save button to confirm any changes. You can select the Back button, located in the upper-left corner of the screen to cancel all changes made.

mceclip4.png

 

Step 4: Select the Delete button to remove the image. A confirmation box appears below the Delete button that allows you to either cancel the deletion or go through with it. You can select the Back button, located in the upper-left corner of the screen to cancel all changes made.

mceclip0.png

 

Uploading an Image

Step 1: Alternatively, images can be uploaded by clicking on the Upload link. You can click or drag files on the allotted area. The upload feature can support a single or bulk upload.

mceclip5.png

 

Step 2: It is optional to add details of the images on the fields provided. Putting names on the Title field(s) is strongly advised as the search function will rely on this. The following fields are provided for each image:

  • Title: This field represents the name of the image.
  • Alt Text: Alternate Text can be used for an expanded description of the image.
  • Caption: Text put in this field is displayed as caption text with the image.
  • Description: This field allows you to provide a descriptive explanation of (or about) the image.
  • Tags: Metadata can be added here to increase efficiency for searches.

After all of the desired information has been input in the fields, select the Upload button; a message will appear when all of the images have been uploaded. Refresh the screen.

mceclip6.png

 

 

Best Practices

  • Images are used across platforms. It’ll be best to keep Menu Items centered in the image and with enough padding to allow the appropriate cropping across products.
  • Once an image is uploaded, it will be live on the App and Web experience. It is best practice to preview the images after uploading to confirm that the sizing and resolution are displaying as intended.

 

FAQ

  • What is the preferred size and dimension of the images to be uploaded?
    • Menu Item images preferably should be below 200kb in size and have dimensions of 889 x 500px (16:9 ratio). It is also ideal for it to be in landscape positioning. Modifier images preferably should have dimensions of 500 x 500px (1:1 ratio), also having the size of around 150kb. If an uploaded image is too large, it can cause lag and noticeably disrupt the guest experience.

 

 

 

 

 

 

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.