Shopify 2.0 themes (Online Store 2.0) đã thay đổi cách các ứng dụng tích hợp với storefront. App blocks, sections gốc và JSON templates đã thay thế phương pháp tiêm script cũ. Đây là cách Giga Menu và Navi+ đã thích nghi — và điều đó có ý nghĩa gì với cửa hàng của bạn.
Shopify 2.0 Đã Thay Đổi Gì Đối Với Ứng Dụng Điều Hướng
Kiến trúc Online Store 2.0 của Shopify đã giới thiệu:
- App blocks: Các block kéo-thả trong theme editor
- JSON templates: Template trang linh hoạt để tùy chỉnh nhiều hơn
- Sections everywhere: Các section của ứng dụng có thể xuất hiện trên bất kỳ trang nào, không chỉ trang chủ
- Theme app extensions: Các ứng dụng cài đặt dưới dạng extension thay vì tiêm code vào file theme
Tác động thực tế: các ứng dụng điều hướng sử dụng phương pháp tiêm “chỉnh sửa theme.liquid” cũ giờ đây có trải nghiệm cài đặt phức tạp hơn và nguy cơ xung đột cao hơn sau khi cập nhật theme.
Giga Menu và Shopify 2.0
Giga Menu đã được cập nhật để tương thích với Shopify 2.0. Ứng dụng hỗ trợ:
- Cài đặt qua theme editor (một số hỗ trợ 2.0)
- Giảm tiêm code so với các phiên bản cũ hơn
- Tương thích với hầu hết các OS 2.0 themes bao gồm Dawn, Impulse và Prestige
Các lo ngại còn lại với Giga Menu trên OS 2.0:
- Vẫn phụ thuộc vào JavaScript injection đáng kể trong một số cấu hình
- Các bản cập nhật theme đôi khi có thể làm hỏng CSS tùy chỉnh của Giga Menu
- Các tùy chỉnh sâu (CSS tùy chỉnh) có thể xung đột với các bản cập nhật theme 2.0
Navi+ và Shopify 2.0
Navi+ được thiết kế với kiến trúc script-embed vốn dĩ độc lập với theme:
- Script Navi+ được tải qua một thẻ script duy nhất — tương thích với bất kỳ Shopify theme nào
- Không cần chỉnh sửa liquid template
- Các bản cập nhật theme không làm hỏng Navi+ — script tải độc lập
- Hoạt động với OS 2.0 app blocks để tích hợp sâu tùy chọn
Ưu điểm OS 2.0 của Navi+:
- Không xung đột với các bản cập nhật theme
- Hoạt động trên các theme mà không cần cấu hình lại
- Kiến trúc ứng dụng phù hợp với định hướng dài hạn của Shopify cho điều hướng
Tương Thích Theme
| Theme | Giga Menu | Navi+ |
|---|---|---|
| Dawn (mặc định của Shopify) | ✓ | ✓ |
| Impulse | ✓ | ✓ |
| Prestige | ✓ | ✓ |
| Debut (cũ) | ✓ | ✓ |
| Theme tùy chỉnh | ~ (có thể cần chỉnh CSS) | ✓ |
| Headless / storefront tùy chỉnh | ~ | ✓ (script embed) |
Bức Tranh Tổng Thể: Tại Sao Kiến Trúc Quan Trọng
Một ứng dụng điều hướng Shopify bị hỏng sau mỗi lần cập nhật theme tạo ra chi phí ẩn:
- Thời gian của developer để sửa các xung đột CSS
- Thời gian ngừng hoạt động của điều hướng trong quá trình cập nhật
- Trải nghiệm không nhất quán sau các bản cập nhật ứng dụng/theme
Kiến trúc độc lập với theme của Navi+ có nghĩa là cấu hình điều hướng của bạn được tách biệt khỏi các thay đổi theme. Bạn cập nhật theme; Navi+ tiếp tục hoạt động không thay đổi.
Kết Luận
Cả Giga Menu và Navi+ đều hoạt động với các Shopify 2.0 themes hiện đại. Sự khác biệt thực tế là độ tin cậy trong quá trình cập nhật theme: kiến trúc script độc lập của Navi+ ít có khả năng cần chú ý hơn sau khi thay đổi theme. Đối với các cửa hàng thường xuyên cập nhật theme hoặc sử dụng nhiều theme (thử nghiệm A/B), kiến trúc của Navi+ là lựa chọn ít tốn công bảo trì hơn.
→ Xem so sánh đầy đủ: Navi+ vs Giga Menu