Cách sử dụng?

Grid Menu là một loại menu phổ biến được sử dụng trên nhiều ứng dụng và trang web thương mại điện tử. Nó thường hiển thị các danh mục hoặc tính năng chính và thường được hiển thị trên trang chủ.

Mobile Grid menu chiếm không gian màn hình vì chúng nổi trên màn hình. Là một menu phần, chúng cuộn theo trang.

Lợi ích chính:

  • Hoạt động liền mạch trên cả di động và máy tính để bàn để có trải nghiệm nhất quán
  • Tiết kiệm không gian và cuộn theo trang.
  • Cung cấp nhiều kiểu trình bày với hình ảnh, lưới, và bố cục nhiều cấp cho trải nghiệm phong phú, chuyên nghiệp

Câu hỏi thường gặp:

1. Tôi chưa quyết định có nên sử dụng phiên bản miễn phí hay trả phí. Tôi có thể thử các mẫu menu chuyên nghiệp không?

Chắc chắn rồi! Các nhóm menu chủ yếu giúp người mới bắt đầu tránh cảm thấy choáng ngợp bởi các tính năng nâng cao trong Navi+ 😄.\Cách tốt nhất là thử các menu chuyên nghiệp để khám phá tất cả các tính năng và tùy chọn bố cục. Sau đó, bạn có thể đơn giản xóa bất kỳ menu nào bạn không cần hoặc thấy không phù hợp.

2. Việc tạo một menu ở đây có làm nó xuất hiện trên trang web của tôi ngay lập tức không?

Chưa. Bạn sẽ cần phải xuất bản menu đúng để nó xuất hiện trên trang web của bạn. Đừng lo — điều đó rất dễ!

3. Nếu tôi chọn sai mẫu hoặc mắc lỗi thì sao?

Không vấn đề gì cả. Bạn có thể xóa nó và tạo một cái mới bất cứ lúc nào.\Nếu bạn đang thử nghiệm một menu và muốn thử một mẫu khác, bạn có thể lưu cái hiện tại như một tệp sao lưu và mở lại sau.\Bạn thậm chí có thể sao chép và dán các phần giữa các menu (bằng cách mở hai tab trình duyệt) để giữ lại công việc trước đó. Hãy thoải mái thử nghiệm!

4. Tôi nên tạo chỉ một menu hay nhiều menu?

Bạn nên tạo nhiều menu.\Chỉ menu hoạt động mới hiển thị trên trang của bạn, nhưng bạn có thể chuẩn bị nhiều phiên bản — bằng cách chọn các mẫu khác nhau hoặc nhân bản các menu.\Các menu có thể được cấu hình để hiển thị/ẩn dựa trên loại trang (trang chủ, sản phẩm, bộ sưu tập...), thiết bị (di động hoặc máy tính để bàn), hoặc từ khóa URL.\Vì vậy, hãy tiếp tục và xây dựng các menu phù hợp với từng tình huống!

Bước 1: Chỉnh sửa cây menu

1.1. Hiểu về Cây Menu

Cây menu là phần quan trọng nhất của bất kỳ menu nào — nó xác định cấu trúc.

Dưới đây là một ví dụ về cây menu của menu lưới di động:

Events
Invoice
Wishlist 
Voucher
Products  
... 

Đây là một cây menu 1 cấp. Các Menu Lưới không hỗ trợ nhiều cấp menu để duy trì sự đơn giản..

Bạn sẽ dành phần lớn thời gian của mình để xây dựng cây menu này cho trang web của bạn, giúp khách hàng tìm thấy nội dung họ đang tìm kiếm.

Catalog: A level 1 menu item, displayed as a tab on the tab bar. All-Mountain: Level 2 menu item that appears when you tap on Catalog.

1.2. Các tương tác cơ bản với Cây Menu

Bạn có thể kéo và thả các mục menu lên và xuống hoặc sang trái và phải để thay đổi vị trí và mối quan hệ cha-con trong cây menu.

Khi bạn di chuột qua bất kỳ mục menu nào, bạn sẽ thấy các tùy chọn bổ sung: chỉnh sửa chi tiết của mục, xóa nó khỏi cây menu, hoặc sao chép và dán nó ở nơi khác.

Mẹo: Bạn có thể sao chép một mục menu từ menu này sang menu khác bằng cách mở ứng dụng Navi+ trong hai tab trình duyệt.

1.3. QUAN TRỌNG! Xóa các mục menu mẫu và chỉ giữ lại cấu trúc bạn muốn.

Đây là một tình huống phổ biến khi tạo một menu với Navi+. Khi bạn tạo một menu mới, chúng tôi bao gồm một ví dụ đầy đủ với các mục menu phổ biến để hiển thị ý tưởng bố cục và cho phép bạn sao chép/dán khi cần. Tuy nhiên, nếu bạn mới sử dụng Navi+ và đang sử dụng gói Starter, bạn sẽ thấy nhiều cảnh báo đỏ (i) cho các tính năng không có sẵn, chẳng hạn như tải lên hình ảnh hoặc sử dụng các tương tác nâng cao.

Nếu bạn thích những tính năng nâng cao này, hãy xem xét nâng cấp lên gói Business hoặc Elite. Nhưng nếu bạn muốn tiếp tục với gói Starter, hãy tìm và xóa các mục menu có cảnh báo đỏ (i).

Mẹo quan trọng: Khi xác nhận xóa xuất hiện, hãy bật “Đừng hỏi lại lần sau” để xóa nhanh hơn.

1.4. Thêm các mục menu vào Cây Menu

Để thêm một mục menu, bạn có hai tùy chọn:

Tùy chọn 1 **(Không được khuyến nghị nếu bạn mới sử dụng Navi+)**: Nhấp vào “Thêm menu” để chèn một mục menu trống ở cuối cây menu. Phương pháp này yêu cầu hiểu biết tốt về cài đặt mục menu, mà chúng tôi sẽ đề cập bên dưới. Nó có thể cảm thấy choáng ngợp lúc đầu, vì vậy bạn có thể khám phá điều này sau.

Tùy chọn 2 (Khuyến nghị): Chúng tôi đã chuẩn bị nhiều mẫu mục menu được thiết kế tốt cho bạn. Chỉ cần sao chép và dán chúng vào đúng vị trí. Sau khi hoàn thành cây menu của bạn, chỉ cần xóa các mẫu không sử dụng.