Chọn loại menu

Desktop Mega Menu

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ế.

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.

Hiện sản phẩm tự động

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.

Thêm và sắp xếp mục menu

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ữ.

Icon, ảnh và nhãn

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.

Tab, banner và card

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ỡ.

Campaign: tag, đếm ngược, banner

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.

Chèn khối HTML riêng

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.

Trước: menu của theme
Sau: Mega thay menu cũ

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.

Trước: menu của theme
Sau: thêm dải Mega dưới header

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.

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.