페이지 이력

1. 템플릿 메뉴를 클릭하고, 카테고리 상단 검색창에 ‘menu’를 검색하세요. 메뉴보드 템플릿이 나타납니다.

   Stylesheet
   class screen

2. 원하는 메뉴보드 템플릿을 클릭해서 Canvas에 불러오세요.

3. 메뉴 위젯을 클릭하여 선택 영역을 지정하세요. 우측에 스타일 메뉴가 나타납니다.

   Stylesheet
   class screen

4. 메뉴 항목 편집을 클릭하세요. 팝업 창이 열립니다.

   메뉴 위젯에 구성된 메뉴 아이템을 목록을 확인하고 수정할 수 있습니다. 아래 메뉴 항목 편집 내용을 참고하여 메뉴를 추가하고 수정해보세요.

   메뉴 항목 편집

   Stylesheet
   class screen

   • 최상단의 입력란에서는 위젯 이름을 설정할 수 있습니다.
   • 이미지를 클릭해서 메뉴 항목 이미지와 배경 이미지를 변경할 수 있습니다. 이미지에 커서를 올리면 휴지통 아이콘이 나타나는데, 클릭해서 메뉴 항목 이미지와 배경 이미지를 삭제할 수 있습니다.

   • POS 데이터 가져오기를 클릭하면, POS 데이터를 불러와 디지털 메뉴보드를 쉽게 디자인할 수 있습니다. Apps 탐색에서 원하는 앱을 선택하여 설치하세요.

     Stylesheet
     class screen

   • 항목 추가를 클릭하여 새 메뉴 아이템을 추가할 수 있습니다.
   • 각각의 항목에 마우스 커서를 올리면 , , , 아이콘이 나타납니다. 를 클릭하면 해당 메뉴를 품절 상태로 변경할 수 있고, 를 클릭하면 메뉴를 숨길 수 있습니다. 를 드래그 & 드랍하여 메뉴 순서를 변경할 수 있습니다. 를 클릭하면 메뉴가 삭제됩니다.

   항목	설명
   메뉴 항목 이미지	메뉴 아이템 이미지입니다. 클릭하면 이미지 콘텐츠를 불러올 수 있습니다.
   배경 이미지	메뉴 아이템의 배경 이미지입니다. 클릭하면 이미지 콘텐츠를 불러올 수 있습니다.
   메뉴	메뉴 이름 입력란입니다. 메뉴 이름은 반드시 입력되어야 합니다. 메뉴 이름이 입력되지 않으면 메뉴 편집을 완료할 수 없습니다.
   설명	메뉴 설명 문구를 입력할 수 있습니다.
   가격/칼로리	메뉴의 가격과 칼로리 정보를 입력할 수 있습니다.
   알레르기	알레르기 유발 재료를 표시할 수 있습니다.

5. 메뉴 아이템 수정을 마쳤다면, 완료를 눌러 메뉴 항목 편집 창을 종료하세요. 수정한 메뉴가 Canvas 화면에 나타납니다.

6. 변경된 메뉴에 맞게 재배열이 필요할 수 있습니다.

   • 레이아웃 항목에서 원하는 배열을 클릭하세요.

     Stylesheet
     class screen

     고급을 누르면 보다 정밀하게 배열을 설정할 수 있습니다. (항목 간격, 가로 비율, 세로 비율, 위치, 배경, 윤곽선 등)

     Stylesheet
     class screen

     한 줄에 배치될 메뉴 개수를 조절해야 한다면,

     • 행 항목에 한 줄에 표시될 메뉴의 수를 조절하세요.

       Stylesheet
       class screen

7. 수정 후 미리보기를 클릭하면, 저장하기 전에 실제 스크린에 나타날 모습을 미리 볼 수 있습니다.

   저장을 클릭하세요.

메뉴 보드 저장이 완료됩니다. 콘텐츠가 이미 배포되었다면 변경 사항이 스크린에 즉시 적용됩니다.

1. Click the Templates menu, and enter “menu” in the search box above the category list. Available menu-board templates appear.

   Stylesheet
   class screen

2. Click and load the desired menu-board template to Canvas.

3. Click the menu widget. The Style menu appears on the right.

   Stylesheet
   class screen

4. Click Edit Menu Items. A pop-up window appears.

   You can view a list of menu items making up the menu widget, and edit menu items as required. Add or edit menu items by referring to the description under Edit Menu Items below.

   Edit Menu Items

   Stylesheet
   class screen

   • In the field at the top, enter a name to set the widget name.
   • Click a menu image to change the menu image and background image. When you place the mouse cursor on a menu image, a trash can icon appears. The menu image and background image can be deleted by clicking this icon.

   • If you click Import POS data, you can easily design a digital menu board by importing POS data. Select and install the desired app from Browse Apps.

     Stylesheet
     class screen

   • To add menu items, click Add.
   • Each time you place the mouse cursor on each item, the , , or icon appears. To change the menu to the sold-out state, click . To hide the menu, click . To rearrange menus, drag and drop . To delete the menu item, click .

   Item	Description
   Menu Item Image	Shows the menu item image. By clicking this image, you can load the corresponding image content.
   Background image	Shows the background image of the menu item. By clicking this image, you can load the corresponding image content.
   Menu	Enter a menu name in this field. The menu name field cannot be left blank. If the menu name field is blank, menu editing cannot be completed.
   Description	Enter a description of the menu.
   Price/Calories	Enter the price and calories of the menu.
   Allergies	Displays ingredients that may cause allergies.

5. After editing the menu items as required, click Done to close the Edit Menu Items window. The edited menu appears on the Canvas screen.

6. You might need to change the layout according to changes in the menu.

   • Under Layout, click the desired layout.

     Stylesheet
     class screen

     If you click Advanced, you can more finely edit the layout (Item Spacing, Horizontal Ratio, Vertical Ratio, Position, Background, Border, etc.).

     Stylesheet
     class screen

     If you need to adjust the number of menu items to arrange in one row,

     • use the Column option to adjust the number of menu items displayed per row.

       Stylesheet
       class screen

7. To preview the edited menu that will be displayed on the actual screen, click Preview.

   Click Save.

Saving the menu board is complete. If content has already been published, changes are immediately applied to the screen.