Menu không hiện trên cửa hàng

Bạn làm lần lượt 5 bước dưới đây, thấy menu hiện ra trên cửa hàng rồi thì dừng lại. Phần lớn cửa hàng xử lý xong ngay ở bước 1 hoặc bước 2.

App embed đã bật?Bước 1

Menu đã publish và áp cho trang này?Bước 2

Có chỗ đặt hoặc cách mở?Bước 3

Theme hay app khác che?Bước 4

Đang xem bản cũ?Bước 5

Bước 1: Bạn đã bật app embed cho theme này chưa?

Menu Navi+ chỉ hiện ra khi bạn đã bật công tắc app embed trong mục App embeds của theme. Mỗi theme có công tắc riêng, nên bật ở theme này không có nghĩa là theme kia cũng đã bật.

1. Mở menu của bạn trong Navi+, bấm bước Publish trên thanh bước bên trái.
2. Nhìn dòng trạng thái app embed ngay đầu cửa sổ vừa mở.

• Hiện Store Connector is on in tên theme: công tắc đã bật, bạn chuyển sang bước 2.
• Hiện Not enabled: công tắc đang tắt. Bạn bật app embed theo hướng dẫn này, nhớ bấm Save ở góc trên trình chỉnh sửa theme rồi tải lại trang cửa hàng.

Lỗi

Horizon Active Home pageSave

App embedsOther appAnother appStore ConnectorNavi+ MenusStore Connector đang tắtFind apps built for themes on the Shopify App Store.

STOREHomeShopCollectionsAboutContact

Cách kiểm khác: tìm dòng xanh trong console của trình duyệt

1. Trong trang quản trị Shopify, bạn vào Online Store > Themes, bấm nút ••• cạnh theme đang thử rồi chọn Preview.
2. Nhấn phím F12 trên máy Windows hoặc Cmd + Option + J trên máy Mac, sau đó mở tab Console.
3. Tìm dòng chữ bắt đầu bằng Using Navi+.

Nếu thấy dòng này nghĩa là Navi+ đã tải lên trang. Nếu không thấy, bạn quay lại kiểm tra bước 1.

Bước 2: Menu đã bật Publish và cho phép hiện ở trang này chưa?

Bạn mở lại menu trong Navi+ và kiểm tra lần lượt 4 mục dưới đây. Cách cài đặt chi tiết có trong bài Chọn trang, thiết bị và khách hàng thấy menu.

• Trạng thái Publish: Mở cửa sổ Publish và nhìn góc trên xem đang là Status: OFF hay Status: ON. Menu mới tạo còn ở Status: OFF sẽ chưa hiện ra cửa hàng, bạn bấm Turn on để bật.
• Thiết bị hiển thị: Kiểm tra hai công tắc Show menu on mobile và Show menu on desktop. Nếu bạn đang mở cửa hàng trên máy tính mà chỉ bật công tắc cho điện thoại thì sẽ không thấy menu.
• Nhóm trang áp dụng cho Tab Bar và Floating Button: Trong bước Configure, mục Display on pages quyết định menu hiện ở trang chủ, trang sản phẩm, bộ sưu tập, trang nội dung, blog hay các trang khác. Ví dụ nếu bạn chỉ chọn trang bộ sưu tập, mở trang chủ sẽ không thấy menu.
• Từ khoá trong đường dẫn URL: Cũng trong bước Configure, mục Display / hide by URL keywords dùng để chỉ hiện hoặc ẩn menu ở những trang có đường dẫn chứa từ khoá nhất định. Rất nhiều chủ shop quên xoá từ khoá gõ thử lúc kiểm tra nên menu bị ẩn mất.

Bước 3: Menu đã có chỗ đặt hoặc cách mở chưa?

Với 4 trong 6 loại menu của Navi+, chỉ bấm Turn on sang Status: ON là chưa đủ để menu hiện ra:

Loại menu	Cần cài thêm gì
Tab Bar, Floating Button	Không cần thêm gì. Nếu vẫn chưa hiện, nguyên nhân nằm ở bước 1 hoặc bước 2
Mobile Menu	Cần một cách mở như nút ☰ của theme, một mục của menu khác hoặc một nút nổi. Chưa có cách mở thì khách không có chỗ nào để bấm
Desktop Mega Menu, Mobile Mega Menu, Icon Menu	Cần một chỗ đặt trên trang: chọn vị trí bằng CSS selector là địa chỉ của một phần trên trang, hoặc kéo khối app Menu in Section vào trang trong trình chỉnh sửa theme

Publish

Method 1: Open the menu from a menu spotNo code needed — Navi+ already found your theme’s menu icon and logo.STATUS:OFFTurn on

STEP 1Enable Navi+ in Theme → App embeds Store Connector is on in Dawn. Review
This is Shopify’s standard method - safe and removable anytime.

STEP 2Where can shoppers open this menu? Pick one or more.

Use your existing menu iconTapping your theme’s ≡ button opens this Navi+ menu instead of the theme drawer.Chưa có cách mở thì Mobile Menu không hiện

Add a ≡ icon next to your logoNavi+ places a small ≡ icon beside your logo — for desktop, or when the theme has no menu button.

Floating buttonAn independent ≡ button floating on your site — tap or click it to open.

Somewhere elseTap any element you choose, or insert a ≡ icon before/after it (CSS Selector). For developers too.

STEP 3Optimize speed & experience Setup

STEP 4Test this menu Open Test

Ngoài ra, chỗ đặt cũng có thể bị lệch giữa các trang. Nếu CSS selector không khớp với phần nào trên trang bạn đang mở thì menu sẽ không hiện. Lỗi này hay gặp khi phần đầu trang header của trang chủ khác với các trang còn lại. Bạn hãy chọn lại selector bằng Navi+ Live ngay trên trang bị lỗi rồi kiểm tra lại.

Bước 4: Theme hoặc app khác có đang che mất menu không?

• Bạn vừa đổi hoặc cập nhật theme: Công tắc app embed gắn riêng với từng theme, nên bạn cần bật lại cho theme đang chạy. Xem cách xử lý tại bài Menu biến mất sau khi đổi hoặc cập nhật theme.
• Đang cài chung một app menu khác: Hai app cùng thay thế một thanh điều hướng sẽ giành chỗ của nhau. Bạn hãy tắt app kia đi rồi tải lại trang.
• Menu bị che khuất: Nếu trên màn hình có bong bóng chat, thanh header cố định hoặc banner cookie nằm đè lên, menu thực ra đã hiện nhưng bị che mất. Xem cách chỉnh lại tại bài Menu đè lên widget chat, banner cookie hoặc header.

Bước 5: Trình duyệt có đang lưu bản cũ của trang không?

Trình duyệt và hệ thống bộ nhớ đệm CDN đôi khi vẫn giữ lại bản cũ của trang trước khi có menu. Bạn hãy thử:

• Ép trình duyệt tải lại toàn bộ 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.
• Mở cửa hàng bằng cửa sổ ẩn danh, hoặc lấy một thiết bị khác ra xem thử.
• Nếu vừa mới bật Publish, bạn chờ một lúc rồi tải lại trang.

Nếu bạn vừa sửa menu xong mà ngoài cửa hàng vẫn chưa cập nhật, hãy xem bài Đã sửa menu nhưng cửa hàng chưa đổi.

Vẫn không hiện?

Bạn hãy nhắn cho đội hỗ trợ kèm theo những gì bạn đã kiểm tra ở mỗi bước và 4 thông tin sau:

• Địa chỉ trang web cửa hàng
• Tên menu đang gặp lỗi
• Tên theme bạn đang mở xem, và đó là theme đang chạy thật hay bản xem trước
• Trang bạn đang mở mà không thấy menu hiện ra

Xem cách gửi tin nhắn tại bài Cách liên hệ hỗ trợ.

Nền tảng khác

Shopify Wix Website khác

Các bước ở trên dành cho Shopify — đây là cách mặc định.