Bảng menu lớn xổ xuống dưới header khi khách rê chuột: nhiều cột, ảnh, sản phẩm, và Tab để một bảng chứa cả Women, Men, Kids. Chỉ hiện trên máy tính; điện thoại dùng lại cùng cây này.
Trước khi làm: đã cài Navi+ và bật Store Connector trong theme.
1Chọn loại menu
Trong Navi+ bấm Add menu, chọn thẻ Desktop Mega Menu, rồi bấm Build my Mega Menu.
2Hai cách bắt đầu
Để AI dựng
AI đọc collection và sản phẩm thật của cửa hàng, gom thành cột và nhóm, chọn icon, viết mô tả. Bạn chọn kiểu và màu, bấm Generate my menu, chờ 10 đến 40 giây rồi chọn một thiết kế.
This usually takes 10 to 40 seconds. Here is what AI is doing right now.18s
Tự dựng
Bắt đầu từ menu trống: bấm Add your first item, rồi tự thêm từng mục và cột. Link lấy từ danh sách collection, sản phẩm và trang của cửa hàng, không phải gõ tay.
Starter (Free) chỉ có bản AI dạng chữ; bản có ảnh và giá cần nâng cấp, có 14 ngày dùng thử, xem Gói dịch vụ. Chi tiết: Thiết kế menu bằng AI.
3Chỉnh tay tiếp
Dù AI hay tự dựng, bạn vẫn chỉnh tay ở Build Menu: thêm mục, kéo thả đổi thứ tự, bấm một mục để đổi tên, link, ảnh. Sang Design để đổi màu và cỡ chữ.
Độ rộng cột: đặt Width layout theo thang 12 phần (4/12 + 4/12 + 4/12), tổng mỗi hàng đủ 12/12. Giới hạn: tối đa 3 cấp (mục, cột, nội dung trong cột). Xem Cột, đường kẻ và mục ghim.
4Mẫu item tiêu biểu
Trong một cột bấm + ITEM để mở popup Add item, rồi chọn mẫu. Đây là những mẫu hay dùng nhất.
Tab: một bảng, nhiều trang nội dung
Tab chia một bảng Mega thành nhiều bảng nhỏ, mỗi tab có cột, ảnh và sản phẩm riêng. Tab xếp thành cột bên trái hoặc hàng phía trên, khách chuyển tab bằng rê chuột hoặc bấm, không tải lại trang. Hợp khi có vài nhóm lớn (Women, Men, Kids); chỉ 3 đến 5 danh mục thì chia thẳng thành cột.
Thêm: ở khe cột của mục bấm + ITEM > Basics > Tabs above columns, rồi thêm cột vào từng tab. Rê chuột hay bấm chọn ở Configure > Desktop > thẻ Tab; vị trí và kiểu tab ở Edit item của tab đầu. Trên điện thoại tab luôn là thanh ngang. Chi tiết về Tab
Khối sản phẩm tự động
Trong Live sections: New arrivals, Best sellers, Shop by category hay Custom rule. Sản phẩm tự lấy theo collection và tự làm mới, tối đa 20 mỗi khối. Chỉ Shopify.
List: danh sách link
Mẫu cơ bản nhất: một cột link gọn, có dòng tiêu đề. Có thêm List with icons khi muốn icon trước mỗi dòng.
Grid: lưới ảnh danh mục
Image grid và Icon grid xếp danh mục thành lưới ảnh hoặc icon có tên bên dưới. Khách nhận ra nhóm hàng nhanh hơn dòng chữ.
Banner và Cards
Trong Cards & banners: ảnh lớn có chữ và nút, để đẩy một chiến dịch hay bộ sưu tập mới ngay trong bảng.
Campaign spot
Ô chừa sẵn cho chiến dịch: gán vào thì hiện Tag (HOT, SALE), đếm ngược hoặc banner theo lịch, hết hạn tự gỡ.
HTML block và Video
Trong Media & code: dán mã HTML (video nhúng, form đăng ký, widget) hoặc thêm Video & audio. Mã chỉ chạy khi khách mở menu nên không làm chậm trang. Chỉ dán mã bạn tin cậy.
Shopify menu (nhúng nguyên menu Shopify) không dùng được trong Desktop Mega, chỉ có ở Mobile Menu: Nhúng menu Shopify.
5Publish: đưa lên header
Mở Publish, chọn chỗ đặt rồi bấm Turn on. Navi+ đã tự tìm sẵn chỗ đặt trên theme của bạn. Hai cách chính khác nhau ở chỗ menu cũ của theme còn hay mất.
Replace your main menu
Mega thay thanh menu cũ của theme. Logo, tìm kiếm và giỏ hàng giữ nguyên, chỉ dãy link điều hướng đổi thành Mega. Khuyên dùng khi Mega là menu chính duy nhất.
Add below your header
Một dải Mega full-width ngay dưới header. Menu cũ của theme vẫn còn, Mega là thanh thứ hai nằm bên dưới, có cả một hàng riêng. Hợp khi muốn giữ menu cũ, hoặc cửa hàng nhiều danh mục.
Thanh menu rớt xuống dòng hai
Nhiều mục cấp 1 mà header của theme lại hẹp (logo, tìm kiếm, giỏ hàng chiếm chỗ) thì mục cuối bị đẩy xuống dòng dưới. Có 6 cách gọn lại thành một dòng.
Xem cách xử lý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, Add menu mở thẳng bộ chọn mẫu thay cho trình dựng ở trên; chọn Desktop Mega Menu và một mẫu rồi sửa trong màn sửa menu. Bật bằng công tắc Publish this menu rồi Save. Wix không có khối app “Menu in Section”, chỉ đặt được bằng CSS selector. Khối Live sections và Shopify menu chỉ có trên Shopify.
Trên WordPress và website khác, Add menu mở thẳng bộ chọn mẫu thay cho trình dựng ở trên; chọn Desktop Mega Menu và một mẫu rồi sửa trong màn sửa menu. Bật bằng công tắc Publish this menu rồi Save. Không có khối app “Menu in Section”, chỉ đặt được bằng CSS selector. Khối Live sections và Shopify menu chỉ có trên Shopify.