← Tất cả cẩm nang

Choosing the Right Menu

Tab bar, mega menu, or mobile menu — which one fits my store?

Quy chuẩn thiết kế Shopify Mega Menu: Bố cục, Hình ảnh, Phân nhóm và Kiến trúc
→ 12 phút đọc

Quy chuẩn thiết kế Shopify Mega Menu: Bố cục, Hình ảnh, Phân nhóm và Kiến trúc

Làm chủ kiến trúc thông tin cho mega menu Shopify đạt tỷ lệ chuyển đổi cao. Nắm vững quy tắc tỷ lệ 70/30, giới hạn cột, trade-off mã nguồn Liquid và đồng bộ hiển thị di động.

Hướng dẫn menu Shopify: Kiến trúc, mẫu điều hướng, công thái học di động và UX storefront
→ 13 phút đọc

Hướng dẫn menu Shopify: Kiến trúc, mẫu điều hướng, công thái học di động và UX storefront

Hướng dẫn menu Shopify: hiểu giới hạn menu 3 cấp, khi nào dùng dropdown, mega menu, drawer hay tab bar, và cách kiểm tra menu trên di động.

Kiến Trúc Menu Đa Cấp Shopify: Phân Cấp Lồng Nhau, Điều Hướng Sâu và Định Hướng Storefront
→ 13 phút đọc

Kiến Trúc Menu Đa Cấp Shopify: Phân Cấp Lồng Nhau, Điều Hướng Sâu và Định Hướng Storefront

Lập kế hoạch menu đa cấp Shopify hiệu quả: giới hạn 3 cấp, mega menu vs flyout, drill-down mobile vs accordion, kích thước DOM và checklist kiểm tra.

Kiến Trúc Header Navigation Shopify: Bố Cục, Phân Bổ Không Gian, Menu Tiện Ích và Xử Lý Breakpoint
→ 13 phút đọc

Kiến Trúc Header Navigation Shopify: Bố Cục, Phân Bổ Không Gian, Menu Tiện Ích và Xử Lý Breakpoint

Lập kế hoạch header navigation Shopify: so sánh bố cục thẳng hàng, chia đôi và hai tầng, tách link tiện ích khỏi menu chính và kiểm tra bề rộng laptop.

Cách tạo menu đầu trang và chân trang cố định trong Shopify (Không cần sửa mã nguồn)
→ 10 phút đọc

Cách tạo menu đầu trang và chân trang cố định trong Shopify (Không cần sửa mã nguồn)

Tạo menu đầu trang và chân trang cố định trong Shopify: bật sticky header của theme, sửa lỗi nội dung bị che và thêm thanh tab bar ở đáy trên mobile.

Bắt đầu với Navi+

Chọn nền tảng của bạn — miễn phí cài đặt, hoạt động trong vài phút.