Menu của bạn vẫn còn nguyên trong Navi+, không cần làm lại từ đầu. Theme mới chỉ chưa bật kết nối với Navi+ thôi. Bạn làm theo 3 bước dưới đây là menu hiện lại.
Bật lại menu cho theme mới
-
Mở menu của bạn trong Navi+, bấm bước Publish trên thanh bước bên trái, rồi bấm Enable Navi+ in tên theme hoặc Open Theme Editor.
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 onSTEP 1Enable Navi+ in Theme → App embedsNot enabled yet Enable Navi+ in Dawn
Not enabled yet — the menu cannot show until Navi+ is on in your theme. View guide
This is Shopify’s standard method - safe and removable anytime.Chưa bật ở theme nàySTEP 2Test this menuOpen the Test panel to preview this menu on your store. Open Test -
Trong trang chỉnh sửa theme vừa mở ra, gạt bật công tắc Store Connector ở cột trái rồi bấm Save ở góc trên bên phải. Bạn có thể xem từng bước kèm hình minh hoạ tại bài Bật app embed Navi+ trong theme.
App embedsFind apps built for themes on the Shopify App Store.STOREHomeShopCollectionsAboutContact -
Mở lại trang bán hàng, tải lại trang bằng tổ hợp phím Cmd + Shift + R trên máy Mac hoặc Ctrl + F5 trên máy Windows. Tab Bar và Floating Button sẽ hiện lại ngay.
Nếu bạn dùng Desktop Mega Menu, Mobile Mega Menu, Icon Menu hoặc Mobile Menu, các menu này gắn vào phần đầu trang của theme cũ nên bạn cần làm thêm 2 việc nữa:
- Chọn lại chỗ đặt hoặc nút mở menu: Mỗi theme có cấu trúc đầu trang khác nhau, nên địa chỉ vị trí cũ là CSS selector có thể không còn khớp với theme mới. Bạn mở mục Publish, tìm khung Theme selector-map và chọn tên theme mới để lấy selector đúng, rồi dán vào ô chỗ đặt hoặc ô nút ☰. Nếu không thấy tên theme của bạn trong danh sách, bạn dùng Navi+ Live để bấm chọn trực tiếp trên trang.
- Thêm lại khối app vào trang: Nếu trước đây bạn đặt menu bằng khối Menu in Section, khối đó vẫn nằm ở theme cũ. Khi sang theme mới, bạn mở trình chỉnh sửa theme và thêm lại khối Menu in Section vào đúng vị trí mong muốn.
Vì sao đổi theme lại mất menu?
App embed là cơ chế riêng của Shopify: công tắc này gắn theo từng theme để giữ an toàn và bạn có thể tắt bất cứ lúc nào mà không làm ảnh hưởng đến file mã nguồn của theme. Vì mỗi theme có công tắc riêng nên theme mới cài luôn ở trạng thái tắt.
Toàn bộ mục menu, giao diện và quy tắc hiển thị đều nằm trong Navi+ chứ không nằm trong theme. Khi bạn đổi qua lại giữa các theme, menu sẽ tự động đi theo.
Vì sao mới cập nhật theme mà menu cũng mất?
Khi theme có bản cập nhật lớn, phần đầu trang đôi khi được viết lại. Lúc này công tắc app embed vẫn đang bật nên Tab Bar vẫn hiện, nhưng selector cũ không còn khớp nữa khiến Desktop Mega Menu hay Icon Menu biến mất. Bạn chỉ cần chọn lại chỗ đặt trong mục Publish như hướng dẫn ở trên là xong.
Xử lý khi menu vẫn chưa hiện
Đã bật app embed mà vẫn không thấy menu?
Bạn kiểm tra tiếp theo bài Menu không hiện trên cửa hàng, bắt đầu từ bước 2.
Xem thử thì thấy menu, nhưng ngoài cửa hàng đang bán lại không có?
Do bạn vừa bật app embed ở bản theme xem thử chứ chưa bật ở bản theme đang chạy chính thức. Bạn quay lại bật công tắc cho đúng theme đang chạy nhé.
Tôi có phải dựng lại menu cho theme mới không?
Không. Bạn nhiều nhất chỉ cần chọn lại một selector và xem màu sắc menu còn hợp với theme mới không. Nếu cần đổi màu cho đồng bộ, bạn vào bảng màu Palette để chỉnh lại.
Nền tảng khác
Các bước ở trên dành cho Shopify — đây là cách mặc định.
Wix không dùng theme của Shopify. Nếu bạn đổi mẫu (template) hoặc giao diện của site, đoạn mã Navi+ có thể bị mất. Dán lại đoạn mã vào thẻ head của site rồi tải lại trang để xem menu đã hiện chưa.
Đổi template hoặc giao diện của site có thể làm mất đoạn mã Navi+. Dán lại đoạn mã vào thẻ head của trang. Cập nhật giao diện cũng có thể làm CSS selector cũ không còn khớp, chọn lại bằng Navi+ Live.