Khối Menu

Hướng dẫn cấu hình chi tiết khối Menu cho trang chủ app trên App Builder

UI khối Menu

Bước 1: Di chuột hoặc bấm trực tiếp vào khối Menu để hiển thị thanh cài đặt ở góc phải của phần tử. Chọn vào icon để mở bảng Cấu hình Khối.

Bước 2: Chỉnh sửa khối Menu

• Tiêu đề khối: Điền thông tin vào mục tiêu đề khối để cấu hình tên tiêu đề cho block

• Danh sách menu: Click chuột vào text "Cấu hình" để mở màn hình cấu hình danh sách menu. Thực hiện cấu hình theo bước 3

Bước 3: Cấu hình danh sách menu: di chuột vào menu cần cấu hình để hiển thị thanh cài đặt ở góc phải của menu

• Cấu hình hình ảnh menu icon: click icon cài đặt để mở popup cấu hình hình ảnh menu. Click vào mục hình ảnh để tải ảnh menu cần cấu hình. Hoặc click button Tải ảnh lên để tải ảnh menu mới.

• Cấu hình tên menu: nhập thông tin tên từng menu ở ô văn bản thay thế

• Cấu hình sự kiện khi click vào từng menu: click icon link để mở popup cấu hình URL. Khi click vào menu sẽ mở trang mới theo URL được cấu hình. Các loại link app hỗ trợ mở gồm:

  • Link /c (xem hướng dẫn chi tiết tại đây): mở màn hình danh sách sản phẩm
  • Link /p: mở màn hình webview in app

  • Link Product Detail: mở màn hình chi tiết sản phẩm

  • Link trang landing

  • Link rút gọn của các link trên dạng bit.ly, short.io, rebrandly.com, tinyurl.com, goo.gl, ow.ly

  
• Xóa menu: click vào icon xóa để xóa menu đã cấu hình

Bước 4: Cấu hình nền của block dạng màu nền hoặc hình ảnh

• Người dùng chọn tab màu sắc để cấu hình màu nền cho block

• Người dùng chọn tab hình ảnh để cấu hình nền hình ảnh cho block. Tải ảnh hoặc dùng đường dẫn ảnh để upload.

• Lưu ý: khi muốn cấu hình màu nền cần xóa dữ liệu đang cấu hình dạng hình ảnh, do luôn ưu tiên hiển thị hình ảnh nếu người dùng cấu hình nền màu và hình ảnh đồng thời.