Bảng này giải thích ngắn gọn các từ bạn gặp trong app Navi+ và bài hướng dẫn. Bấm vào từ bất kỳ để đọc bài hướng dẫn chi tiết.
Sáu loại menu
| Loại menu | Là gì |
|---|---|
| Tab Bar | Thanh tab cố định ở đáy màn hình điện thoại. |
| Mobile Menu | Menu trượt ra từ cạnh màn hình khi khách bấm nút ☰. |
| Desktop Mega Menu | Menu thả xuống cỡ lớn, chia nhiều cột trên header máy tính. |
| Mobile Mega Menu | Thanh danh mục ngang ngay dưới header điện thoại, chạm vào sẽ mở bảng mục con. |
| Icon Menu | Lưới các ô danh mục có icon hoặc ảnh, đặt ngay trong thân trang. |
| Floating Button | Nút nổi ở góc màn hình, bấm vào sẽ bung các nút liên hệ hoặc lối tắt. |
Menu và các thành phần bên trong
| Từ | Nghĩa |
|---|---|
| banner | Mục dạng ảnh lớn kèm chữ, thường dùng để giới thiệu bộ sưu tập hoặc khuyến mãi. |
| card (thẻ) | Mục dạng ô có nền ảnh hoặc màu, kèm tiêu đề và dòng mô tả. |
| cây mục menu | Danh sách mục ở khung bên trái màn hình sửa menu, nơi bạn kéo thả để sắp xếp thứ tự và cấp bậc. |
| cấp 1 (menu chính) | Lớp menu đầu tiên khách nhìn thấy ngay khi chưa bấm mở mục nào. |
| cấp 2–3 (menu con) | Bảng menu mở ra sau khi khách bấm vào một mục ở cấp 1. |
| dòng mô tả nhỏ | Dòng chữ phụ nằm ngay dưới tên mục menu. |
| mẫu | Menu hoặc mục đã dựng sẵn bố cục và màu sắc, bạn chỉ việc chọn rồi sửa lại theo ý mình. |
| mục cha | Mục có chứa các mục con bên trong. |
| mục con | Mục nằm bên trong một mục cha, chỉ hiện ra khi khách bấm mở mục cha đó. |
| mục có sẵn từ thư viện mẫu | Các mục lẻ dựng sẵn trong thư viện để bạn chèn thêm vào menu đang làm bằng một lần bấm. |
| mục menu | Từng dòng hoặc ô bấm được trên menu, thường gồm tên, icon, ảnh và link dẫn tới trang đích. |
| nhãn (badge) | Chấm tròn hoặc con số nhỏ gắn ở góc icon, thường dùng để báo số món trong giỏ hàng. Nếu muốn gắn chữ như Sale hay New, bạn dùng dòng mô tả nhỏ. |
| Palette (bảng màu) | Bộ màu phối sẵn giúp bạn đổi màu toàn bộ menu cho hợp với thương hiệu. |
| tab (nhóm mục thành tab) | Cách gom nhiều nhóm mục vào các thẻ ngang để khách bấm chuyển qua lại ngay trong một bảng menu. |
| đường kẻ phân cách | Đường kẻ ngang hoặc dọc dùng để tách các nhóm mục trong menu cho đỡ rối mắt. |
Cửa hàng và theme
| Từ | Nghĩa |
|---|---|
| bản sao theme | Bản nháp của theme chưa publish và chỉ mình bạn xem được, dùng để gắn thử menu an toàn. |
| cửa hàng (trang khách xem) | Các trang bán hàng thực tế mà khách của bạn nhìn thấy khi vào web. |
| theme | Bộ giao diện cửa hàng bạn chọn trong Shopify. |
| theme đang chạy | Giao diện đang bật chính thức trên cửa hàng mà khách truy cập đang nhìn thấy. |
| trang quản trị Shopify | Màn hình quản lý hậu trường của Shopify, nơi bạn vận hành cửa hàng và mở app Navi+. |
Thao tác khi cài và bật menu
| Từ | Nghĩa |
|---|---|
| app embed | Công tắc bật Navi+ trong phần App embeds của theme. Nếu chưa bật công tắc này thì không menu nào hiện lên. |
| chỗ đặt menu | Vị trí trên trang web mà bạn chọn để menu hiện ra. |
| cách mở (menu) | Thao tác để khách mở Mobile Menu, ví dụ bấm vào nút ☰. |
| Turn on / Turn off | Nút ở góc cửa sổ Publish để bật hoặc tắt việc cho menu đó hiện trên cửa hàng; dòng Status cho biết đang ON hay OFF. |
| gói | Các gói dịch vụ của Navi+: Starter, Business, Elite (và Care). |
| gỡ app | Xoá app Navi+ khỏi cửa hàng Shopify của bạn. |
| khối app (app block) ‘Menu in Section’ | Khối nội dung bạn kéo thả vào trang trong trình chỉnh sửa theme để đặt Icon Menu hoặc Mobile Mega Menu đúng chỗ đó. |
| Navi+ Live | Chế độ mở trực tiếp cửa hàng thật kèm thanh công cụ của Navi+ để bạn chọn vị trí đặt menu và kiểm tra lỗi. |
| nút ☰ (nút menu) | Biểu tượng ba gạch ngang ☰ trên trang để khách bấm mở menu. |
| Nền tảng khác | Mục trong bài hướng dẫn ghi riêng những điểm khác biệt khi dùng trên Wix và các website ngoài Shopify. |
| quy tắc hiển thị | Bộ điều kiện quyết định toàn bộ menu sẽ hiện ở trang nào, trên thiết bị nào và với nhóm khách nào. |
| quy tắc hiển thị của mục | Điều kiện quyết định từng mục lẻ trong menu có hiện ra hay không. |
| sao lưu / khôi phục | Lưu lại bản menu hiện tại để khôi phục về như cũ khi cần. |
| Shopify Markets (thị trường) | Tính năng chia thị trường theo quốc gia hoặc khu vực bán hàng trong Shopify. |
| Store Connector | Tên công tắc app embed của Navi+ nằm trong trình chỉnh sửa theme. |
| tag khách hàng | Nhãn phân loại mà Shopify gắn cho từng khách, dùng để chỉ hiện menu cho một nhóm khách nhất định. |
| thay thế / chèn trước / chèn sau | Ba kiểu đặt menu so với một phần có sẵn trên trang: thay hẳn chỗ đó, đặt ngay phía trước, hoặc đặt ngay phía sau. |
| thiết bị (điện thoại / máy tính) | Loại màn hình khách đang dùng. Bạn có thể cài cho menu chỉ hiện trên điện thoại hoặc chỉ hiện trên máy tính. |
| thống kê | Bảng số liệu ghi lại lượt khách bấm vào menu và từng mục bên trong. |
| trình chỉnh sửa theme (theme editor) | Màn hình sửa giao diện của Shopify, mở tại Online Store > Themes > Customize. |
| từ khoá trong đường dẫn (URL) | Một cụm chữ nằm trong địa chỉ trang web, dùng để chọn những trang sẽ hiện hoặc ẩn menu. |
| Website khác | Các trang web không chạy trên Shopify, được quản lý riêng tại dash.naviplus.app. |
| xem trước trong app | Khung xem thử menu ngay bên trong app, chỉ để nhìn nhanh bố cục chứ không phải cửa hàng thật. |
| xuất / nhập file | Tải cấu hình menu ra thành file lưu trên máy, hoặc tải file từ máy lên lại app. |
| đoạn mã | Đoạn mã bạn dán vào phần head của các website ngoài Shopify để Navi+ hoạt động. |
| đưa lên cửa hàng (publish) | Cho menu hiện lên cửa hàng thật để khách nhìn thấy, bằng cách bấm nút Publish trong app. |
Một số từ kỹ thuật hay gặp
| Từ | Nghĩa |
|---|---|
| bộ nhớ đệm (cache) | Bản lưu tạm mà trình duyệt hoặc cửa hàng giữ lại, làm đôi khi bạn sửa xong nhưng chưa thấy giao diện mới ngay. |
| class dùng lại | Tên kiểu giao diện bạn đặt một lần rồi gắn lại cho nhiều mục khác nhau để khỏi chỉnh từng mục. |
| CSS riêng (Custom CSS) | Đoạn mã bạn tự viết thêm khi muốn chỉnh giao diện sâu hơn các nút cài đặt có sẵn. |
| CSS selector (địa chỉ của một phần trên trang) | Mã chỉ vị trí của một thành phần trên trang, giúp Navi+ biết phải gắn menu vào đúng chỗ nào. |
| lớp hiển thị (z-index) | Con số quy định menu nổi lên trên hay nằm khuất dưới các phần khác trên trang. Số càng lớn thì càng nằm ở lớp trên. |