Bật menu và chọn chỗ đặt

Bài này tra cứu từng ô trong cửa sổ Publish. Bạn mở nó bằng bước 5 Publish trên thanh bước dọc ở mép trái màn sửa menu. Cửa sổ trượt ra từ bên phải, có dấu × để đóng.

Muốn làm theo từng bước thì đọc các bài hướng dẫn theo loại menu ở mục Đưa menu lên cửa hàng. Bài này chỉ trả lời “ô này là gì, chọn gì thì cửa hàng đổi ra sao”.

Publish

Method 1: Put the menu into a menu placementNo code needed — Navi+ already found where it fits on your theme.Turn off

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

STEP 2Choose a menu placementWhere this Mega Menu shows up on your store.

Replace your main menuYour desktop navigation is swapped for this Mega Menu. Logo, search and cart stay.3Chỗ đặt

Add below your headerA full-width bar inserted right under the header. Your navigation stays.

Somewhere elseBefore, after or in place of any element you choose (CSS Selector).

Placement found by Navi+header nav

STEP 3Test this menu Open Test4Test

Method 2: Insert as an App block in your theme editor

Cửa sổ Publish có thứ tự cố định, từ trên xuống: Turn on ở góc phải, bước kiểm tra app embed, bước chọn chỗ đặt, bước Test và (chỉ khi cần) một dòng xám Add a loading effect (optional), bấm X để ẩn. Tab Bar và Floating Button không có bước chọn chỗ vì chúng tự dính vào màn hình.

Nút bật menu

Mỗi loại menu có một công tắc tổng. Tắt công tắc này thì menu biến mất khỏi cửa hàng, dù bạn đã chọn chỗ đặt xong. Trên Shopify công tắc hiện thành nút Turn on và nhãn Status ở góc phải thẻ đầu tiên của cửa sổ Publish; trên Wix và website khác nó là công tắc Publish this menu.

Publish this menu — Tab Bar và Floating Button

• Ô này ở đâu: một dòng xám ở cuối cửa sổ Publish (với Mobile Menu thì nằm trong ô Method 2). Bấm X để ẩn.
• Khi nào hiện: chỉ khi bạn chọn Replace hoặc mở Mobile Menu bằng nút ☰ của theme.
• Để làm gì: từ 05/11/2026 menu in sẵn nên hầu như không cần. Muốn bật thì xem Tải nhanh, không nháy.

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.

Turn on — Mobile Menu

• Ô này ở đâu, để làm gì: ở bước 5 Publish của Mobile Menu, góc phải thẻ Method 1: Open the menu from a menu placement. Đây là công tắc tổng của mọi cách mở: nút ☰ sẵn có của theme, icon ≡ cạnh logo, nút nổi và ô Somewhere else.
• Lựa chọn: Turn on / Turn off, tự lưu ngay như ô Tab Bar ở trên.
• Áp cho: chỉ Mobile Menu.
• Chỉ có tác dụng khi: bạn đã chọn ít nhất một cách mở trong bước Where can shoppers open this menu? Công tắc này tắt thì tất cả các cách mở đều không chạy, kể cả khi đã điền xong.
• Đổi ô này thì cửa hàng thấy gì: bật thì khách chạm vào nút, icon hoặc phần tử bạn đã chọn là Mobile Menu trượt ra. Tắt thì chạm vào các chỗ đó không mở Mobile Menu.

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.

Turn on (insert/replace) — Mega Menu và Icon Menu

• Ô này ở đâu, để làm gì: ở bước 5 Publish, góc phải thẻ Method 1: Put the menu into a menu placement. Bật để chèn menu vào chỗ đặt bạn chọn trên trang.
• Lựa chọn: Turn on / Turn off. Mặc định cho menu mới là tắt.
• Áp cho: Desktop Mega Menu, Mobile Mega Menu và Icon Menu.
• Khi bấm Turn on mà chưa có chỗ đặt: app không bật, chỉ hiện thông báo Choose a menu placement. Bạn chọn một thẻ ở bước chọn chỗ trước rồi bấm lại.
• Khi chỗ đó đã có menu khác đang bật: app hỏi bạn một lần với hai nút Cancel / Turn on anyway. Bật cả hai thì hai menu cùng hiện, dễ bị lặp.
• Đổi ô này thì cửa hàng thấy gì: bật thì menu hiện đúng tại chỗ đã chọn, tắt thì chỗ đó trở lại như theme gốc (menu của theme hiện lại nếu bạn đã chọn thay thế).

Publish

Method 1: Put the menu into a menu placementNo code needed — Navi+ already found where it fits on your theme.Turn onChưa bật = chưa hiện

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 2Choose a menu placementWhere this Mega Menu shows up on your store.

Replace your main menuYour desktop navigation is swapped for this Mega Menu. Logo, search and cart stay.

Add below your headerA full-width bar inserted right under the header. Your navigation stays.

Somewhere elseBefore, after or in place of any element you choose (CSS Selector).

Placement found by Navi+header nav

STEP 3Optimize speed & experience Setup

STEP 4Test this menu Open Test

Method 2: Insert as an App block in your theme editor

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.

Thẻ chọn chỗ đặt

Ở bước Choose a menu placement (Mobile Menu là Where can shoppers open this menu?), mỗi thẻ là một chỗ đặt. Với Desktop Mega, Mobile Mega và Icon Menu bạn chọn một thẻ. Với Mobile Menu bạn tick được nhiều thẻ.

Các thẻ có sẵn dựa trên kết quả Navi+ dò theme của bạn. Thẻ nào chưa dò ra sẽ hiện Not found yet kèm nút Find it in Live mode để bạn bấm vào đúng phần tử trên cửa hàng thật, xem bài Tìm chỗ đặt menu bằng Navi+ Live. Nếu bạn đổi theme, nút Switch theme cho chọn lại theme để dò chỗ đặt mới; chỉ chọn được theme đã bật Navi+.

Replace your main menu

• Ô này ở đâu, để làm gì: thẻ đầu tiên của bước Choose a menu placement. Navi+ thay thanh menu chính của theme bằng Desktop Mega Menu này.
• Lựa chọn: thẻ chọn (radio). Khi chọn, app ghi kiểu chèn Replace cùng selector menu chính theme mà Navi+ đã dò, kèm đuôi (D) để chỉ áp dụng trên máy tính.
• Áp cho: chỉ Desktop Mega Menu. Mobile Mega Menu và Icon Menu không có thẻ này.
• Đi kèm khi chọn thẻ này: hiện thêm công tắc Auto text color — follow your header (đổi màu chữ menu theo màu header khi header trong suốt rồi chuyển trắng lúc cuộn), và hiện dòng Add a loading effect (optional) ở cuối.
• Đổi ô này thì cửa hàng thấy gì: dải menu cũ của theme ẩn đi, Desktop Mega Menu đứng vào đúng chỗ đó. Logo, tìm kiếm và giỏ hàng giữ nguyên.

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.

Add below your header

• Ô này ở đâu, để làm gì: thẻ Add below your header ở bước chọn chỗ. Chèn thêm menu ngay dưới header của theme mà không đụng vào menu sẵn có.
• Lựa chọn: thẻ chọn (radio). App ghi kiểu chèn Insert after vào selector header mà Navi+ đã dò.
• Áp cho: Desktop Mega Menu (thanh rộng hết chiều ngang dưới header), Mobile Mega Menu (thanh dưới header trên điện thoại) và Icon Menu (lưới icon ngay dưới header, phía trên nội dung trang).
• Riêng từng loại: Mobile Mega tự thêm đuôi (M) vào selector để thanh không hiện dưới header trên máy tính. Desktop Mega thêm đuôi (D). Icon Menu không thêm đuôi vì đã có sẵn hai công tắc hiện trên điện thoại và máy tính ở cài đặt.
• Đổi ô này thì cửa hàng thấy gì: menu mới hiện sát dưới header, menu của theme vẫn còn nguyên. Nếu bạn không muốn khách thấy hai menu, xem Ẩn menu có sẵn của theme.

Publish

Method 1: Put the menu into a menu placementNo code needed — Navi+ already found where it fits on your theme.Turn 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 2Choose a menu placementWhere this Mobile Mega Menu shows up on your store.

Replace your main menuYour mobile navigation is swapped for this Mobile Mega Menu. Logo, search and cart stay.

Add below your headerA full-width bar inserted right under the header on mobile. Your navigation stays.Dưới header

Somewhere elseBefore, after or in place of any element you choose (CSS Selector).

Placement found by Navi+.site-header

STEP 3Optimize speed & experience Setup

STEP 4Test this menu Open Test

Method 2: Insert as an App block in your theme editor

9:41•••

yourshop.com

STORE

ShoesBagsWatchesSale

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.

Below another Icon Menu

• Ô này ở đâu, để làm gì: thẻ thứ hai trong bước chọn chỗ của Icon Menu. Xếp Icon Menu này nằm liền ngay dưới một Icon Menu khác bạn đã đăng, không phải dán CSS selector.
• Lựa chọn: khi chọn thẻ, hiện một danh sách Icon Menu (mặc định — Choose an Icon Menu —), ô Spacing (px) để chỉnh khoảng cách giữa hai lưới, và công tắc thêm đường kẻ ngăn giữa hai lưới (Add a line above this menu…). Menu nào đã nối theo menu này rồi thì bị mờ, ghi (already follows this menu).
• Áp cho: chỉ Icon Menu.
• Chưa chọn menu nào: app nhắc Choose an Icon Menu — otherwise this menu won’t appear.
• Đổi ô này thì cửa hàng thấy gì: lưới của menu này hiện ngay dưới lưới của menu kia,

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.

Somewhere else

• Ô này ở đâu, để làm gì: thẻ cuối cùng, gắn nhãn Advanced. Dùng khi các thẻ gợi ý không đúng chỗ bạn muốn: bạn tự chỉ một phần tử trên trang bằng CSS selector.
• Lựa chọn (Desktop Mega, Mobile Mega, Icon Menu): ba kiểu chèn Insert after, Replace, Insert before, và ô CSS Selector (dán nhiều selector thì chỉ cái đầu tiên được dùng). Nút Pick it in Live mode mở cửa hàng của bạn để bạn bấm chọn phần tử, rồi chép selector về dán vào ô.
• Lựa chọn (Mobile Menu): thay vì chọn kiểu chèn, bạn có hai ô: selector của phần tử mà khi chạm vào thì mở menu, và ô chèn thêm icon ≡ trước hoặc sau một phần tử. Hậu tố (M) chỉ điện thoại, (D) chỉ máy tính, không đuôi là cả hai.
• Áp cho: Desktop Mega, Mobile Mega, Icon Menu và Mobile Menu.
• Đổi ô này thì cửa hàng thấy gì: menu hiện hoặc mở ra đúng phần tử bạn chỉ. Sai selector thì menu không hiện hoặc đè lên nội dung. Nếu bạn chọn Replace thì dòng Add a loading effect (optional) hiện ở cuối.

Publish

Method 1: Put the menu into a menu placementNo code needed — Navi+ already found where it fits on your theme.Turn 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 2Choose a menu placementWhere this Icon Menu shows up on your store.

Replace your main menuYour desktop navigation is swapped for this Icon Menu. Logo, search and cart stay.

Add below your headerIcon tiles right under the header, above your page content. Your navigation stays.

Somewhere elseBefore, after or in place of any element you choose (CSS Selector).

Insert afterReplaceInsert before

CSS Selector (How?).hero-bannerChỗ bạn tự chỉ

STEP 3Optimize speed & experience Setup

STEP 4Test this menu Open Test

Method 2: Insert as an App block in your theme editor

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.

Các bước phụ trong Publish

Kiểm tra app embed (Enable Navi+ in Theme → App embeds)

• Ô này ở đâu, để làm gì: bước 1 trong cửa sổ Publish. Navi+ tự dò xem app embed đã bật trong theme đang chạy chưa; chưa bật thì không menu nào hiện, dù bạn đã Turn on.
• Ba trạng thái: Store Connector is on in tên theme kèm nút Review; Not enabled yet kèm nút Enable Navi+ in tên theme mở trình chỉnh sửa theme; hoặc Couldn’t read your theme status kèm Try again và Open Theme Editor.
• Áp cho: mọi loại menu trên Shopify. Wix và website khác không có bước này (Wix và WordPress đã tự nhúng, website khác dán mã một lần).
• Đổi ô này thì cửa hàng thấy gì: ô chỉ hiện trạng thái, không đổi menu. Việc bật app embed trong theme mới là việc làm menu hiện lên. Xem Bật app embed.

Publish

Put 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 on

STEP 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 app embed

STEP 2Test this menuOpen the Test panel to preview this menu on your store. Open Test

Test this menu

• Ô này ở đâu, để làm gì: bước cuối trong cửa sổ Publish, nút Open Test. Đóng cửa sổ Publish và mở bước 4 Preview & Test để xem thử menu trên cửa hàng của bạn trước khi mọi khách thấy nó.
• Áp cho: mọi loại menu trên Shopify.
• Đổi ô này thì cửa hàng thấy gì: không đổi gì. Đây chỉ là nút mở màn xem thử, xem Thử menu trước khi khách nhìn thấy.

Publish

Method 1: Put the menu into a menu placementNo code needed — Navi+ already found where it fits on your theme.Turn off

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 2Choose a menu placementWhere this Mega Menu shows up on your store.

Replace your main menuYour desktop navigation is swapped for this Mega Menu. Logo, search and cart stay.

Add below your headerA full-width bar inserted right under the header. Your navigation stays.

Somewhere elseBefore, after or in place of any element you choose (CSS Selector).

Placement found by Navi+header nav

STEP 3Optimize speed & experience Setup

STEP 4Test this menu Open TestXem thử

Method 2: Insert as an App block in your theme editor

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.

Copy Menu ID (Method 2: App block)

• Ô này ở đâu, để làm gì: thẻ Method 2: Insert as an App block in your theme editor ở cuối cửa sổ Publish, đang thu gọn; mã Menu ID nằm ngay ở dòng tiêu đề. Bấm vào mã để sao chép, rồi dán vào khối Menu in Section trong Theme Editor. Cách này đặt menu vào section bất kỳ mà không cần CSS selector.
• Áp cho: Desktop Mega, Mobile Mega và Icon Menu, chỉ trên Shopify.
• Đi kèm: trong thẻ này có công tắc Keep the menu at the top of the page when scrolling up để ghim menu ở đầu khi cuộn.
• Đổi ô này thì cửa hàng thấy gì: việc sao chép không đổi gì. Menu chỉ hiện khi bạn dán ID vào khối trong theme và lưu theme. Bật cả app block lẫn thẻ chỗ đặt cùng lúc thì menu hiện hai lần, nên chỉ dùng một cách.

Publish

Method 1: Put the menu into a menu placementNo code needed — Navi+ already found where it fits on your theme.Turn off

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 2Choose a menu placementWhere this Icon Menu shows up on your store.

Replace your main menuYour desktop navigation is swapped for this Icon Menu. Logo, search and cart stay.

Add below your headerIcon tiles right under the header, above your page content. Your navigation stays.

Somewhere elseBefore, after or in place of any element you choose (CSS Selector).

Placement found by Navi+.site-header

STEP 3Optimize speed & experience Setup

STEP 4Test this menu Open Test

Method 2: Insert as an App block in your theme editorCopy “Menu ID”SF-5087000775Sao chép Menu IDThen, paste it into the app block called “Menu in Section” in your theme editor.

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.

Add a loading effect (optional)

• Ô này ở đâu, để làm gì: một dòng xám ở cuối cửa sổ Publish, sau bước Test, có nút Setup và nút X. Với Mobile Menu, dòng này nằm trong ô Method 2 (mở bằng CSS selector).
• Khi nào hiện: chỉ khi bạn chọn Replace (Desktop Mega, Mobile Mega, Icon Menu) hoặc mở Mobile Menu bằng nút ☰ sẵn có của theme.
• Lựa chọn: Setup mở cửa sổ báo rằng từ 05/11/2026 việc này gần như không còn cần; muốn làm vẫn bấm I still want to add a loading effect. X ẩn hẳn dòng này cho menu đó.
• Đổi ô này thì cửa hàng thấy gì: không đổi gì. Menu đã in sẵn vào trang nên hiện gần như tức thì. Xem thêm Tải nhanh, không nháy.

Publish

Method 1: Put the menu into a menu placementNo code needed — Navi+ already found where it fits on your theme.Turn 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 2Choose a menu placementWhere this Mega Menu shows up on your store.

Replace your main menuYour desktop navigation is swapped for this Mega Menu. Logo, search and cart stay.

Add below your headerA full-width bar inserted right under the header. Your navigation stays.

Somewhere elseBefore, after or in place of any element you choose (CSS Selector).

Placement found by Navi+header nav

STEP 3Test this menu Open Test

Add a loading effect (optional)SetupẨn dòng này

Method 2: Insert as an App block in your theme editor

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.

METHOD 2Open this menu when the element matched by a “CSS Selector” (how to find?) is tapped or clicked.Enter one or more “CSS Selectors” below, separated with commas (,). (M) = mobile only, (D) = desktop only, no suffix = both.#Details-menu-drawer-container

Add a loading effect (optional)Setup

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.