English Tiếng Việt
Xem demo Bắt đầu
Mục menu

Chèn mục có sẵn từ thư viện mẫu

Thay vì tự tạo từng mục từ đầu, bạn chỉ cần chọn mẫu có sẵn trong thư viện: danh sách link, ô icon, banner, card, sản phẩm hay cụm nút liên hệ. Khi chèn vào cây mục menu, bố cục đã được dàn sẵn — bạn chỉ việc thay chữ, ảnh và gắn link của shop mình.

Mở thư viện mẫu ở đâu?

Thư viện mẫu nằm ngay trong cửa sổ Add item. Bạn có thể mở theo hai cách:

  • Bấm nút ITEM ở cuối cây mục menu.
  • Rê chuột vào một mục đang có trên cây rồi bấm Item below (đặt ngay dưới) hoặc Sub-item (đặt vào trong) trên thanh nhỏ hiện ra, hoặc nhấn phím T. Mẫu bạn chọn sẽ nằm cạnh hoặc bên trong mục đó.

Nếu menu còn trống, bạn bấm nút + ITEM trong khung để mở thư viện.

Chuẩn bị trước khi chèn

  • Mở menu cần sửa trong app Navi+, ở bước Build Menu trên thanh bước bên trái.
  • Bấm chọn mục trên cây nơi bạn muốn đặt mẫu mới vào cạnh hoặc lồng vào bên trong. Nếu bạn không chọn mục nào, mẫu mới sẽ nằm ở cuối menu.

Cách chèn một mẫu vào menu

  1. Mở cửa sổ Add item. Dòng Insert to trên cùng cho biết mẫu mới sẽ nằm đâu: Item below “tên mục” để đặt ngang hàng ngay bên dưới, Sub-item of “tên mục” để lồng làm mục con. Bấm để đổi nếu cần. Cột bên trái chia các mẫu theo nhóm: Links & icons, Basics gồm đường kẻ, khoảng trống, Tabs, Top header…, rồi đến Columns, Cards & banners, Page & app actions, Social & support, Media & code, Special… Riêng phần Live sections dùng để tự động lấy sản phẩm hoặc collection theo quy tắc bạn đặt. Những nhóm không hỗ trợ tại vị trí bạn đang đứng sẽ tự ẩn đi.

    Nếu đã biết tên mẫu, bạn gõ thẳng vào ô tìm kiếm ngay cạnh dòng Insert to.

  2. Chọn nhóm bạn cần, ví dụ Banner. Màn hình chuyển sang bước 2 Style & content với các kiểu thiết kế có sẵn — bạn bấm vào kiểu mình thích.

  3. Bấm nút thêm ở góc dưới bên phải như ＋ Add 1. Mẫu vừa chọn sẽ hiện ngay trên cây mục menu.

Khi bạn thêm lẻ một mục chưa có nội dung bằng nút ＋ Add 1, khung Edit item sẽ tự mở ra ngay để bạn gõ chữ và gắn link. Còn dòng Recent chứa các mẫu vừa dùng thì chỉ hiện khi bạn bật chế độ Classic view.

Chèn mẫu có bước điền nội dung

Với những mẫu cần biết trước nội dung như gắn link nào, lấy sản phẩm nào hay dùng ảnh nào, cửa sổ sẽ dẫn bạn đi qua 3 bước: Type, Style & content và Customize.

  1. Ở bước Style & content, bạn chọn nội dung muốn đưa vào. Ví dụ với Links, bạn đánh dấu các trang, collection hoặc bài blog muốn thêm, hoặc bấm ＋ Add a custom link để tự nhập đường dẫn. Còn với Products, bạn chọn từng sản phẩm hoặc lấy tự động từ một collection — xem chi tiết tại bài Hiện sản phẩm tự động.

  2. Bấm Next để sang bước Customize. Tại đây bạn sửa chữ, đổi màu, chỉnh chiều cao… và nhìn khung xem trước bên cạnh cập nhật ngay. Nếu có ô nào báo đỏ vì còn trống, bạn điền đủ thông tin thì nút thêm mới bấm được.

  3. Bấm nút thêm ở góc dưới. Cửa sổ đóng lại và mục mới xuất hiện trên cây mục menu.

Một số mẫu đi theo cụm: mẫu Tabs sẽ chèn cả một nhóm tab kèm các mục con bên trong. Còn mẫu Top header gồm logo, thanh tìm kiếm và tài khoản thì mỗi bảng chỉ nên có một cái ở trên cùng. Nếu bảng đó đã có header, Navi+ sẽ hỏi bạn muốn thay cái cũ hay vẫn thêm mới. Xem thêm cách dùng tại bài Nhóm mục thành tab, thêm banner và card.

Lưu ý

Mỗi loại menu và mỗi cấp mục sẽ hiện một bộ mẫu khác nhau. Chẳng hạn mẫu **Top header** chỉ có ở đầu một bảng, còn **Embed Mega menu**, **Sticky line** và **Shopify menu** chỉ chèn được ở cấp 1 của Mobile Menu. Nếu thấy dòng No templates for this placement, bạn đổi Insert to sang Inside hoặc chọn một vị trí khác trên cây.

Sửa mục sau khi đã chèn

Mẫu sau khi chèn vào cây cũng là một mục menu bình thường, bạn sửa lại lúc nào cũng được:

  1. Rê chuột vào mục vừa chèn trên cây rồi bấm Edit hoặc nhấn phím E.
  2. Đổi lại chữ, link, icon hoặc ảnh trong khung chỉnh sửa. Xem thêm cách gắn đường dẫn tại bài Gắn link cho mục menu.
  3. Bấm Back để quay về cây mục menu, sau đó bấm Save ở đầu màn hình.

Nếu muốn quay lại giao diện chèn kiểu cũ dạng một danh sách mẫu, bạn bấm Classic view trong cửa sổ Add item.

Xử lý khi gặp lỗi

Không thấy mẫu mình cần

Các mẫu hiện ra phụ thuộc vào loại menu và cấp mục bạn đang chèn vào. Bạn thử đổi từ After sang Inside, hoặc gõ tên mẫu vào ô tìm kiếm. Nếu tìm mà báo Nothing matches nghĩa là loại menu này chưa hỗ trợ mẫu đó. Khi ấy bạn dùng nhóm Links & icons để thêm trang bất kỳ, hoặc chọn Custom link.

Chèn mẫu báo lỗi “max level reached”

Lỗi này xuất hiện khi bạn chèn mẫu tự tạo thêm cấp con như Tabs vào vị trí đã chạm cấp sâu nhất của menu. Bạn chỉ cần đổi vị trí sang End of the menu hoặc chọn một mục ở cấp cao hơn. Xem bảng giới hạn cấp tại bài Thêm, sắp xếp và lồng mục menu.

Lỡ chèn nhầm mẫu

Bạn nhấn Ctrl+Z trên Windows hoặc Cmd+Z trên Mac để hoàn tác, hoặc bấm Delete ngay trên mục vừa chèn.

Nền tảng khác

Các bước ở trên dành cho Shopify — đây là cách mặc định.

Bài liên quan

Bài này có giúp ích không?

Cần người xem cùng? Chat với chúng tôi trong app hoặc viết về [email protected] — gửi kèm địa chỉ cửa hàng và tên menu.