Xuất bản trên Shopify

Bước 2: (Shopify) Xuất bản menu trên trang web của bạn.

I.1. Bật Navi+ trên Ứng dụng Nhúng

Bước 1: Nhấp vào Cửa hàng trực tuyến, sau đó nhấp vào Chủ đề. Mẹo: Nhấp chuột phải vào Cửa hàng trực tuyến và chọn “Mở liên kết trong tab mới” để tiết kiệm thời gian.

Bước 2: Chọn chủ đề mà bạn muốn xuất bản menu.

Nhấp: Tùy chỉnh

  • Nếu trang web của bạn mới và chưa có người dùng, hãy thoải mái xuất bản menu mà không lo lắng—bạn có thể dễ dàng bật hoặc tắt bất cứ lúc nào mà không ảnh hưởng đến khách truy cập.
  • Nếu trang web của bạn đã có lưu lượng truy cập thường xuyên, hãy cẩn thận hơn. Thực tiễn tốt nhất là tạo một Chủ đề sao chép và thử nghiệm Navi+ trên phiên bản đó trước.

Bước 3: Đi đến Ứng dụng nhúng, tìm “Navi+ trên Tất cả các trang”, và bật nó lên.

Bước 4: Đừng quên nhấp vào “Lưu” để áp dụng các thay đổi.

Sau 4 bước này, Navi+ đã được cài đặt trên trang web của bạn và sẵn sàng hiển thị. Tuy nhiên, quá trình vẫn chưa hoàn tất. Quay lại tab ứng dụng Navi+ để thực sự bật Xuất bản Menu.

I.2. Chọn cài đặt hiển thị và xuất bản menu.

Bước 1: Nhấp vào nút Xuất bản lên trang web.

Bước 2: Bật công tắc “Xuất bản menu bằng phương pháp Chèn/Thay thế”.

Bước 3: Chọn Chọn lọc CSS chính xác và phương pháp thay thế/chèn

Trong hướng dẫn này, chúng tôi sẽ tập trung vào 1 cách: chèn menu này trước phần chính. Bạn cũng có thể sử dụng phương pháp này một cách sáng tạo bằng cách tìm và áp dụng các bộ chọn CSS khác để kích hoạt menu.

Cách chèn menu này trước phần chính của trang web?

Để làm điều này, chỉ cần xác định bộ chọn CSS của tiêu đề trang web của bạn và nhập nó vào ô văn bản. Chúng tôi đã tìm thấy các bộ chọn CSS cho một số chủ đề phổ biến nhất cho bạn, được liệt kê dưới đây.

  1. Các bộ chọn CSS cho một số chủ đề miễn phí phổ biến.. từ Shopify như Dawn, Sense, Savor, Horizon.. 
main
  1. Không có trong danh sách này, đừng lo lắng
- Bạn có thể trò chuyện với một người hỗ trợ Navi+ để được giúp đỡ ngay lập tức—điều này chỉ mất vài phút để tìm bộ chọn CSS.

- Hoặc, bạn có thể theo dõi hướng dẫn tự giúp trong các chủ đề tiếp theo (Ngay sau chủ đề này).
Cách thay thế Menu Lưới mặc định?

Trên di động, không có Menu Lưới để thay thế, vì vậy phương pháp này thường không khả thi

Cách tìm bộ chọn CSS trên trang web của bạn?

Bạn có thể trò chuyện với một người hỗ trợ Navi+ để được giúp đỡ ngay lập tức thay vì tự làm.\ Tuy nhiên, (1) điều này sẽ giúp bạn hiểu ý tưởng cốt lõi, và (2) nếu bạn muốn tự làm, hãy làm theo hướng dẫn dưới đây.

II) PHƯƠNG PHÁP 2: THÊM MENU NÀY NHƯ MỘT PHẦN/BLÔC TRONG CHỦ ĐỀ SHOPIFY

Phương pháp này chèn menu bằng cách thêm một Blốc/Phần trong chủ đề Shopify của bạn. Đây là một cách tiếp cận truyền thống, vì vậy tôi sẽ không mô tả chi tiết. Với phương pháp này, bạn thậm chí không cần phải “Bật Navi+ trong Ứng dụng Nhúng” như yêu cầu trong Bước 1 của Phương pháp 1.

Sao chép ID Nhúng của menu này, sau đó chèn vào blốc có tên “Navi+ trên Phần” trong Các Phần Chủ đề. Bạn có thể thêm tiêu đề, thiết lập chiều rộng đầy đủ và điều chỉnh khoảng cách cho phần này sau khi thêm nó.

Hướng dẫn thêm menu này như một phần/blốc trong chủ đề Shopify

Dưới đây là hướng dẫn chi tiết về việc chèn menu Navi+ như một phần/blốc trong chủ đề Shopify của bạn. Phương pháp này cho phép bạn thêm menu theo cách tiêu chuẩn, được Shopify hỗ trợ, mặc dù nó không linh hoạt như các phương pháp khác do Navi+ cung cấp.

Phương pháp này áp dụng cho Menu Mega và Menu Lưới. Nó KHÔNG áp dụng cho Tabbar, FAB, hoặc Menu Trượt.