Tham chiếu cài đặt
Tra cứu từng ô trong app: ô này làm gì, nhận giá trị nào, loại menu nào có, gói nào dùng được. Muốn làm theo từng bước thì đọc các mục khác ở thanh bên.
Giao diện (bước Design)
01Chữ và font của mục menu→
Tra cứu các ô chỉnh màu chữ, cỡ chữ, kiểu chữ hoa, độ đậm, font và dòng mô tả nhỏ trong Design › Main menu và Sub menu.
02Icon và ảnh trong menu→
Tra các ô chỉnh màu icon, kích thước, khoảng cách với chữ, độ bo góc và tỉ lệ ảnh trong Design › Main menu và Sub menu.
03Padding & margin→
Tra cứu các ô chỉnh khoảng cách trong bước Design: padding và margin của từng mục menu cấp 1, cấp 2–3, của cả khung menu, cùng cách nhập số cho điện thoại và máy tính.
04Khung menu→
Tra cứu các ô chỉnh khung bao quanh menu trong bước Design — chiều cao, màu và ảnh nền, bóng đổ, bo góc, màu badge và đường kẻ ngăn giữa các mục.
Cấu hình (bước Configure)
05Điện thoại & máy tính→
Cách bật tắt menu trên điện thoại hoặc máy tính trong thẻ Display on mobile và Display on desktop, kèm cách chỉnh số mục Icon Menu trên máy tính.
06Hiệu ứng khi cuộn và khi chạm→
Cách chỉnh màu nền khi chạm vào mục menu, ẩn hiện menu khi cuộn trang, khoá cuộn trang khi mở menu con và bật vuốt ngang trên điện thoại.
07Cài đặt Mobile Menu→
Cách chọn hướng trượt cho Mobile Menu, ghim menu cố định bên trái, chỉnh độ rộng và chọn kiểu mở menu con trên điện thoại lẫn máy tính.
08Menu con Tab Bar / FAB→
Chọn kiểu mở menu con của Tab Bar và Floating Button trong mục Submenu Expand Style — tràn sát hai mép màn hình hay chừa lề có mũi tên — và chỉnh độ rộng menu con trên máy tính.
09Rê chuột (hover)→
Tra cứu các cài đặt rê chuột trên máy tính: mở menu con không cần bấm, chỉnh độ nhạy, cách đổi Tab và hiệu ứng đổi màu nền hay gạch chân.
10Cài đặt Desktop Mega Menu→
Tra cứu các cài đặt bố cục riêng cho Desktop Mega Menu: chọn độ rộng và căn lề thanh menu, đặt điểm chuyển sang điện thoại, bật mũi tên trượt khi tràn mục và chỉnh cỡ bảng thả xuống.
11Đường kẻ & icon→
Chỉnh kiểu đường kẻ mặc định giữa các mục menu (màu, độ dày, kiểu nét, độ dài) và độ đậm nét cho icon Google.
Mục menu
12Các loại mục menu→
Tra cứu các loại mục menu trong Navi+ như mục thường, ảnh lớn, tiêu đề nhóm, khoảng trống, đường kẻ, tab, banner, card: biết mỗi loại dùng làm gì và có ở menu nào.
13Bố cục một mục→
Tra cứu các ô chỉnh bố cục cho từng mục menu trong bảng Edit item — Display layout, Width layout, Width fix, Position, Height, Margin, Align — kèm giá trị mặc định và loại mục áp dụng.
14Kiểu riêng một mục→
Tra cứu các cài đặt trong khối Style của bảng Edit item — cách đổi riêng màu chữ, icon, ảnh, nền, khung cho một mục menu và cách chỉnh giao diện bảng menu con mở ra từ mục đó.
15Hiệu ứng & CSS một mục→
Cách dùng các ô Animation, Class names, CSS và Attributes trong bảng Edit item để tạo hiệu ứng chuyển động hoặc thêm code riêng cho từng mục menu.
16Tra cứu mọi loại link→
Tra nhanh mọi loại link trong cửa sổ "Link to:" của mục menu — mở trang trong shop, gọi điện, nhắn chat, cuộn trang, đổi ngôn ngữ, mở giỏ hàng và chia sẻ.
17Khối top header→
Cách chỉnh từng mục trong khối Top header ở đầu Mobile Menu và Desktop Mega Menu — logo, tên shop, ô tìm kiếm, lối tắt, mạng xã hội, tài khoản, nút bấm và ghim khi cuộn.
18Campaign→
Cách tạo campaign ở mục Menu campaigns, gắn Tag, Countdown, Image banner, Side tab vào menu hoặc trang cửa hàng, đặt lịch tự bật tắt và xem kết quả.
Publish
19Nút mở Mobile Menu→
Tra cứu từng ô cài đặt của nút nổi, icon ≡ cạnh logo và sidebar cố định — những cách để khách bấm mở Mobile Menu trên cửa hàng.
20Tuỳ chọn khi đặt menu vào trang→
Cách dùng 3 tuỳ chọn phụ ở bước Publish cho Desktop Mega Menu và Icon Menu: tự đổi màu chữ theo header, chỉnh khoảng cách và đường kẻ giữa hai Icon Menu, và giữ menu dính ở đầu trang.
Các màn khác
21Cài đặt chung của cả cửa hàng→
Xem trang Settings của app Navi+ có gì: công tắc Navi+ Live, công tắc Navi+ Analytics và thẻ dịch tự động Multi-language AI theo từng gói và nền tảng.
22Các công cụ trong màn sửa menu→
Xem nút More trong màn sửa menu có gì: đổi ngôn ngữ, Ask AI, Navi+ Live, phím tắt, sao lưu, đổi tên và xoá menu. Kèm cách dùng Undo/Redo và kiểm tra lỗi ở bước Preview & Test.