Chọn loại menu

Sections trong Navi+

Navi+ có hai thứ gọi là "section", dễ nhầm nhưng khác nhau: Live sections là khối sản phẩm làm sẵn nằm bên trong menu, còn Menu in Section là cách đặt cả menu thành một khối của theme. Cả hai chỉ có trên Shopify.

ALive sections: khối sản phẩm làm sẵn

Một khối sản phẩm hoặc danh mục tự lấy từ collection của cửa hàng, vẽ sẵn theo kiểu bạn chọn: lưới, danh sách hay dải trượt ngang. Sản phẩm mới, đổi giá hay hết hàng thì khối tự cập nhật, bạn không phải sửa tay.

Dùng khi muốn cột "Hàng mới về", "Bán chạy" hay lối vào danh mục ngay trong menu mà không phải thêm từng sản phẩm. Khối nằm trong một mục (cột của Desktop Mega Menu, Mobile Mega Menu, ô của Icon Menu), không đặt ở hàng cấp 1; Tab Bar và Floating Button không có.

Cách thêm

Bấm + ITEM. Ở đầu cửa sổ Add item, nhóm Live sections: bấm New arrivals, Best sellers hoặc Shop by category.

Chọn kiểu hiển thị (1 sản phẩm, lưới 2×2 hoặc 1×3, 1 lớn + 3 nhỏ, dải trượt, danh sách), chọn collection, đặt Title và công tắc View all →, rồi bấm Add block.

Trên cửa hàng trông thế nào

Khách rê chuột vào mục: khối hiện sản phẩm thật của collection, có tiêu đề và nút View all → dẫn tới collection đó.

Tự làm mới: khối tự cập nhật trên cửa hàng, mặc định mỗi 1 giờ (gói Business nhanh nhất 5 phút). Cần ngay thì bấm Refresh now trong khối rồi Save. Chi tiết và cách tự đặt luật: Hiện sản phẩm tự động.

BMenu in Section: nhúng menu thành khối của theme

Một khối app của Navi+ trong trình sửa theme Shopify, tên Menu in Section. Bạn kéo nó vào đúng chỗ muốn trên trang và dán Menu ID, menu hiện ngay ở đó mà không cần CSS selector.

Dùng khi muốn thấy và chọn chỗ đặt menu ngay trên trình sửa theme, hoặc cách chọn chỗ trong Publish không tìm đúng vị trí. Dùng cho Mega Menu và Icon Menu. Mobile Menu chỉ hiện nút mở ra tại chỗ đó; Tab Bar và Floating Button đã do app embed lo, không cần khối này.

Cách thêm

Trong Navi+ bấm Publish, mở dòng Method 2: Insert as an App block in your theme editor rồi bấm Menu ID để chép mã.

Trong Shopify vào Customize, ở section muốn đặt (vd header) bấm Add block › Apps › Menu in Section.

Dán Menu ID (dạng SF-…) vào ô của khối rồi bấm Save.

Trên cửa hàng trông thế nào

Menu hiện đúng chỗ bạn đặt khối, ví dụ hàng ô Icon Menu ngay dưới header.

Khối còn có ô Outer Spacing (px) để chỉnh khoảng cách (trên, phải, dưới, trái). Không kéo khối vào được chỗ cần thì dùng chọn chỗ bằng Navi+ Live.

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.