Các mục trong menu Navi+ được xếp theo dạng cây ở khung Menu items, ngay cạnh thanh bước bên trái màn hình. Cây hiện từng cấp một: mục nào có mục con thì có ô số kèm dấu › ở bên phải, bấm vào là mở cấp con, bấm ‹ All items để quay ra. Bạn có thể thêm mục mới, kéo thả đổi vị trí hoặc lồng mục này vào trong mục khác để tạo menu nhiều cấp.
Trước khi bắt đầu
- Bạn cần có sẵn một menu. Nếu chưa tạo, hãy xem bài Tạo menu đầu tiên.
- Mở menu đó trong app Navi+, bước Build Menu được chọn sẵn. Cây mục menu nằm ở khung Menu items bên trái.
1. Thêm mục mới
-
Bấm nút ITEM ở dưới cùng cây mục menu để thêm mục mới vào cuối cấp đang xem.
Nếu muốn thêm ngay cạnh một mục đang có, bạn rê chuột vào hàng đó: một thanh nhỏ hiện ra phía trên hàng. Bấm Item below để thêm mục ngay dưới, hoặc Sub-item để thêm mục con bên trong mục đó. Bạn cũng có thể nhấn phím
T.Menu itemsHome/AutoItem below1Thêm mục ngay dưới↳ Sub-item2Thêm mục conShopcollections/all2AutoEditCopyPasteDelete
↑↓Move to…CollectionscollectionsAutoContactpages/contactAutoITEM -
Cửa sổ Add item hiện ra. Bạn chọn nhóm mẫu ở cột trái như Links & icons, sau đó chọn kiểu hiển thị và nội dung muốn dùng.
Add itemLive sections2Links & icons2Basics4Columns2Image + text3Social & support1Live sectionsProductsShopify menuLinks & iconsLinks & iconsIconsBasicsDividerGroup headingSticky lineTop headerColumnsMulti-columnTabsImage + textImagesBannerCardsSocial & supportSocialCancel -
Ở dòng Insert to trên cùng cửa sổ, kiểm tra lại vị trí đặt mục mới:
- Item below “tên mục”: đặt ngang hàng, nằm ngay dưới mục bạn đang chọn.
- Sub-item of “tên mục”: đặt làm mục con bên trong mục đang chọn.
- End of the menu: hiện khi bạn thêm bằng nút + ITEM ở cây trống, mục mới nằm ở cấp ngoài cùng.
Add itemLive sections2Links & icons2Basics4Columns2Image + text3Social & support1Live sectionsProductsShopify menuLinks & iconsLinks & iconsIconsBasicsDividerGroup headingSticky lineTop headerColumnsMulti-columnTabsImage + textImagesBannerCardsSocial & supportSocialCancel -
Bấm nút thêm ở góc dưới bên phải, ví dụ ＋ Add 1. Mục mới sẽ hiện ngay trong cây menu. Nếu bạn chỉ thêm một mục trống chưa có nội dung, bảng Edit item sẽ tự mở ra để bạn điền thông tin.
-
Bấm Save ở góc trên màn hình để lưu lại. Khi menu đã được publish, thay đổi sẽ hiện ra ngoài cửa hàng ngay sau khi bạn bấm lưu.
Nếu cây menu đang trống hoàn toàn, bạn bấm nút + ITEM trong khung để mở cùng cửa sổ Add item như trên.
Tuỳ chọn Sub-item chỉ hiện khi mục đó vẫn còn chỗ để tạo thêm cấp con. Nếu mục đang chọn đã ở cấp sâu nhất của menu, bạn chỉ thêm được mục mới ngang hàng.
2. Đổi thứ tự và tạo mục con
-
Rê chuột vào hàng, nhấn giữ biểu tượng kéo
⋮⋮hiện ở mép phải của hàng, rồi kéo lên hoặc xuống để đổi thứ tự trong cùng cấp.Menu itemsHome/AutoShopcollections/all2AutoGiữ và kéoCollectionscollectionsAutoContactpages/contactAutoITEM -
Muốn xem hoặc sắp các mục con, bấm ô số › ở bên phải mục cha để mở cấp con. Muốn đưa một mục vào làm con của mục khác, bạn kéo nó và giữ yên trên mục cha khoảng nửa giây, cấp con sẽ tự mở để bạn thả vào. Muốn đưa mục ra cấp ngoài, kéo nó thả lên dòng ‹ All items hoặc tên mục cha trên dòng đường dẫn ở đầu cây.
Menu itemsAll items / ShopThả lên đây để đưa ra cấp ngoàiNew arrivalscollections/newAutoSalecollections/saleAutoITEM -
Nếu danh sách dài hoặc dùng bàn di chuột khó kéo thả, bạn rê chuột vào hàng cần chuyển, bấm nút ⋯ rồi dùng hai nút ↑ ↓ để đổi thứ tự, hoặc Move to… để chọn mục cha mới trong danh sách.
Menu itemsHome/AutoItem below↳ Sub-itemShopcollections/all2AutoEditCopyPasteDelete
↑↓1Lên, xuốngMove to…2Chuyển vào mục khácCollectionscollectionsAutoContactpages/contactAutoITEM
Khi bạn di chuyển một mục cha, toàn bộ mục con bên trong sẽ đi theo.
Nếu bạn kéo vượt quá số cấp cho phép của menu, app sẽ báo Max … levels allowed và giữ nguyên vị trí cũ. Xem giới hạn số cấp của từng loại menu ở bảng bên dưới.
3. Sửa, sao chép, nhân bản và xoá mục
Rê chuột vào một mục bất kỳ rồi bấm nút ⋯ trên thanh nhỏ để mở bảng thao tác. Bạn có thể bấm trực tiếp trên màn hình hoặc nhấn phím tắt ghi bên cạnh. Bấm thẳng vào hàng cũng mở bảng Edit item:
| Nút | Phím tắt | Tác dụng |
|---|---|---|
| Item below / Sub-item | T |
Mở cửa sổ Add item để thêm mục mới |
| Edit | E |
Mở bảng sửa tên, link, icon của mục |
| Copy | C |
Sao chép mục này kèm toàn bộ mục con bên trong |
| Paste | V |
Dán mục đã sao chép xuống ngay dưới mục đang chọn |
| Clone | D |
Tạo ngay một bản sao giống hệt tại chỗ |
| Delete | Del hoặc ⌫ trên Mac |
Xoá mục này và toàn bộ mục con bên trong |
Bạn cũng dùng được Copy và Paste giữa hai menu khác nhau. Chỉ cần sao chép mục ở menu này, mở menu kia ngay trên tab đó hoặc ở một tab trình duyệt khác, rồi dán vào.
Nếu lỡ xoá hoặc làm nhầm, bạn nhấn Ctrl+Z trên Windows hoặc Cmd+Z trên Mac để hoàn tác. Muốn làm lại bước vừa hoàn tác, nhấn Ctrl+Y trên Windows hoặc Cmd+Shift+Z trên Mac. Navi+ nhớ khoảng 30 thao tác gần nhất trong phiên làm việc đang mở.
Khi xoá một mục cha, toàn bộ mục con bên trong cũng bị xoá theo. Lịch sử hoàn tác sẽ mất khi bạn tải lại trang, nên hãy hoàn tác ngay nếu lỡ xoá nhầm. Trường hợp đã bấm lưu và tải lại trang, bạn vào Sao lưu và khôi phục menu để lấy lại bản cũ.
Mỗi loại menu tạo được mấy cấp?
Menu trong Navi+ có tối đa 3 cấp. Số cấp dùng được thực tế tuỳ thuộc vào loại menu bạn chọn:
| Loại menu | Số cấp tối đa | Cách hoạt động |
|---|---|---|
| Tab Bar | 3 | Cấp 1 là các tab trên thanh ngang. Cấp 2 và 3 là menu con mở ra khi bấm vào tab |
| Mobile Menu | 3 | Mở được đủ 3 cấp mục từ ngoài vào trong |
| Desktop Mega Menu | 3 | Menu nhiều cột: cấp 2 chia thành các cột, cấp 3 là các mục nằm trong cột |
| Mobile Mega Menu | 3 | Cấp 1 là dải tab danh mục, cấp 2 và 3 là nội dung bên trong |
| Floating Button | 2 | Cấp 1 là các nút nổi, mỗi nút mở ra thêm một danh sách mục con ở cấp 2 |
| Icon Menu | 1 | Chỉ gồm một lớp ô icon, không có mục con |
Riêng Mobile Menu dạng “full” với bố cục hai cột toàn màn hình chỉ dùng tối đa 2 cấp.
Một số loại mục đặc biệt như banner, card hoặc menu Shopify nhúng không chứa được mục con bên trong. Tuy nhiên, bạn vẫn đặt các mục này nằm bên trong một mục cha khác được.
Xử lý lỗi thường gặp
Không thêm được mục con
Thường do một trong hai nguyên nhân sau:
- Mục bạn đang chọn đã nằm ở cấp sâu nhất của loại menu đó theo bảng phía trên. Bạn hãy thêm mục mới ngang hàng, hoặc chuyển mục đang chọn ra ngoài một cấp bằng Move to….
- Mục đang chọn thuộc nhóm không chứa được mục con như banner, card, menu Shopify nhúng. Bạn hãy chọn một mục cha khác để thêm mục con.
Lỡ tay xoá mất mục
Hãy nhấn ngay Ctrl+Z trên Windows hoặc Cmd+Z trên Mac để lấy lại. Nếu bạn đã lưu hoặc tải lại trang, hãy khôi phục từ bản sao lưu gần nhất theo hướng dẫn Sao lưu và khôi phục menu. Tính năng sao lưu phiên bản trên cloud cần gói Business trở lên, còn xuất menu ra file JSON thì gói nào cũng dùng được.
Đã thêm mục nhưng ngoài cửa hàng chưa thấy
Bạn kiểm tra xem đã bấm Save ở góc trên màn hình chưa, và menu đó đã được publish hay chưa. Xem thêm cách kiểm tra tại bài Đã sửa menu nhưng cửa hàng chưa đổi.
Nền tảng khác
Các bước ở trên dành cho Shopify — đây là cách mặc định.
Giống Shopify. Không có điểm khác.
Giống Shopify. Không có điểm khác.