Tab Bar và Floating Button là hai loại menu duy nhất tự nổi trên trang mà không cần chọn chỗ gắn. Bạn chỉ việc bật lên là menu hiện ngay.
Chuẩn bị trước khi bật
- Bạn đã tạo xong một Tab Bar hoặc Floating Button.
- Bạn đã bật app embed của Navi+ trong theme. Nếu chưa bật, bạn làm theo bài Bật app embed Navi+ trong theme. Bước này chỉ cần làm một lần cho cả cửa hàng.
Cách bật menu lên cửa hàng
-
Mở menu trong app Navi+, rồi bấm Publish.
1Build Menu2Design3Configure4Preview & Test5PublishOFF1MoreMenu itemsHome/AutoShopcollections/allAutoSearchsearchAutoWishlistpages/wishlistAutoCartcartAutoITEMMobileDesktopPreview only9:41•••yourshop.comSTORE -
Trong cửa sổ Publish, bạn kiểm tra dòng app embed xem đã báo bật chưa. Sau đó bấm Turn on để Status đổi từ OFF sang ON.
PublishPut the menu on your storeNo code needed — a Tab Bar sticks to the bottom of the screen, there is no menu placement to pick.STATUS:OFFTurn on3STEP 1Enable Navi+ in Theme → App embeds Store Connector is on in Dawn. Review
This is Shopify’s standard method - safe and removable anytime.2STEP 2Test this menuOpen the Test panel to preview this menu on your store. Open Test -
Bấm Turn on là app tự lưu luôn trạng thái ON, bạn không cần bấm thêm nút lưu nào nữa. Giờ bạn mở cửa hàng trên điện thoại để xem menu.
9:41•••yourshop.comSTORETab Bar hiện ở đáy màn hình điện thoại
Cửa sổ Publish cũng có nút Open Test để xem thử menu trên cửa hàng. Muốn tắt menu, bấm Turn off.
Chọn thiết bị và trang hiện menu
Hai phần dưới đây không bắt buộc. Các cài đặt này nằm ở bước Configure chứ không nằm trong cửa sổ Publish: bạn mở menu, sang bước Configure, tìm mục Display on mobile, Display on desktop và Display on pages, chỉnh xong rồi bấm lưu.
Chọn hiện trên điện thoại hay máy tính
Trong bước Configure có hai ô là Show menu on mobile và Show menu on desktop.
- Mặc định menu chỉ bật cho điện thoại, còn máy tính tắt sẵn.
- Muốn khách xem bằng máy tính cũng thấy menu, bạn bật thêm Show menu on desktop.
Bạn có thể đặt vị trí riêng cho từng thiết bị. Hiệu ứng tự ẩn menu khi khách cuộn xuống ở ô Hide when scrolling down on Mobile screen cũng nằm tại bước Configure. Ô này bật hay tắt sẵn tùy theo mẫu menu bạn chọn lúc đầu.
Chọn trang được hiện menu
Mục Display on pages cho bạn chọn những nhóm trang sẽ hiện menu, gồm Home (Index), Products Detail, Product categories, Pages, Blogs và Others. Mặc định menu hiện trên tất cả các trang. Nếu cần lọc chi tiết hơn theo từng khách hàng hoặc thị trường, bạn xem bài Chọn trang, thiết bị và khách hàng thấy menu.
Xử lý khi menu không hiện như ý
Bật rồi mà không thấy menu
Bạn kiểm tra lần lượt từ trên xuống:
- App embed đã bật chưa? Đây là nguyên nhân hay gặp nhất.
- Status đã đổi sang ON chưa?
- Bạn đang mở cửa hàng bằng thiết bị nào? Mặc định Tab Bar chỉ hiện trên điện thoại.
- Trang bạn đang xem có nằm trong nhóm trang đã bật ở Display on pages không?
- Thử tải lại trang bằng Ctrl + Shift + R trên Windows, hoặc Cmd + Shift + R trên Mac.
Nếu vẫn chưa thấy menu, bạn xem thêm bài Menu không hiện trên cửa hàng.
Tab Bar hiện cả trên máy tính
Bạn vào bước Configure, tắt ô Show menu on desktop rồi bấm lưu.
Menu đè lên widget chat
Widget chat và Tab Bar cùng nằm ở đáy màn hình nên dễ chồng lên nhau. Bạn xem cách chỉnh trong bài Menu đè lên widget chat, banner cookie hoặc header.
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 không có bước app embed. Khi cài Navi+ từ Wix App Market, app tự gắn vào site. Bỏ qua phần kiểm app embed, các bước còn lại giống Shopify.
Website khác (dash.naviplus.app) không có app embed. Thay vào đó, dán đoạn mã Navi+ cung cấp vào thẻ head của website. Trên WordPress, kích hoạt plugin Naviplus Menu Builder. Với các nền tảng này, thay vì nút Turn on, cửa sổ Publish có công tắc Publish this menu: bật nó rồi lưu.