Navi+ có 6 loại menu, chia làm 3 kiểu hiển thị trên cửa hàng. Bạn chỉ cần xem menu của mình thuộc kiểu nào là biết ngay sau khi bật Publish có cần cài đặt thêm không.
Menu của bạn thuộc nhóm nào?
| Loại menu | Việc cần làm sau khi bật Publish | Nhóm |
|---|---|---|
| Tab Bar | Không cần làm thêm | Bật là xong |
| Floating Button | Không cần làm thêm | Bật là xong |
| Mobile Menu | Chọn nút để khách bấm mở menu | Cần cách mở |
| Desktop Mega Menu | Chọn vị trí đặt trên trang | Cần chỗ đặt |
| Mobile Mega Menu | Chọn vị trí đặt trên trang | Cần chỗ đặt |
| Icon Menu | Chọn vị trí đặt trên trang | Cần chỗ đặt |
Cách đưa từng nhóm lên cửa hàng
Bật là xong
Tab Bar và Floating Button luôn nổi trên màn hình, tách biệt với bố cục của theme. Bạn chỉ cần bật Publish là menu hiện ngay trên web mà không phải chọn vị trí.
Cần cách mở
Mobile Menu mặc định nằm ẩn, chỉ trượt ra khi khách bấm vào nút mở. Khi bạn bật Publish, menu mới ở trạng thái chờ. Bạn cần gắn thêm nút mở như nút ☰ trên header của theme, một mục menu trên Tab Bar, hoặc nút nổi ở góc màn hình. Xem cách cài tại bài Đưa Mobile Menu lên cửa hàng.
Cần chỗ đặt
Desktop Mega Menu, Mobile Mega Menu và Icon Menu nằm cố định bên trong trang web. Vì vậy, bạn cần chỉ cho Navi+ biết đặt menu vào đâu: thay thế menu có sẵn của theme, hay chèn vào trước hoặc sau một phần nào đó trên trang.
Bạn có thể chọn chỗ đặt theo một trong hai cách:
- Mở cửa sổ Publish, chọn một vị trí gợi ý sẵn với các theme Shopify phổ biến, hoặc tự điền địa chỉ phần tử bằng CSS selector.
- Mở trình chỉnh sửa theme và kéo khối app Menu in Section vào đúng chỗ bạn muốn trên trang.
Nhớ bật app embed trước tiên
Cả 6 loại menu chỉ hoạt động khi bạn đã bật công tắc app embed của Navi+ trong mục App embeds của theme. Bước này chỉ cần làm một lần cho cả cửa hàng. Nếu chưa bật app embed, dù bạn đã bật Publish thì menu vẫn không hiện lên web. Xem hướng dẫn tại bài Bật app embed Navi+ trong theme.
Cài đặt menu hiện ở trang nào, trên thiết bị nào
Ngoài vị trí đặt trên trang, bạn còn chọn được thiết bị và trang nào sẽ hiện menu. Ví dụ, Tab Bar mới tạo mặc định chỉ bật cho điện thoại nên khi mở bằng máy tính bạn sẽ không thấy.
Cả 6 loại menu đều dùng chung bộ lọc theo thiết bị như điện thoại, máy tính và lọc theo từ khoá trong đường dẫn. Riêng mục chọn nhóm trang Display on pages chỉ có ở Tab Bar và Floating Button, còn phần lọc theo khách hàng nằm ở khối Visibility Rules. Xem chi tiết tại bài Chọn trang, thiết bị và khách hàng thấy menu.
Bật Publish rồi mà vẫn không thấy menu?
Bạn hãy mở bài Menu không hiện trên cửa hàng để kiểm tra lần lượt từng nguyên nhân theo thứ tự.
Nền tảng khác
Các bước ở trên dành cho Shopify — đây là cách mặc định.
Trên Wix, không có khối app Menu in Section. Với menu cần chỗ đặt, bạn chỉ có cách nhập CSS selector.
Trên WordPress và website khác, không có khối app Menu in Section. Với menu cần chỗ đặt, bạn chỉ có cách nhập CSS selector. Thay cho app embed, website khác dán đoạn mã vào head, còn WordPress kích hoạt plugin Naviplus Menu Builder.