Sau gần 5 năm gắn bó với Dawn kể từ kỷ nguyên Online Store 2.0, Shopify đã chính thức đưa Horizon lên làm theme mặc định mới cho toàn bộ các cửa hàng tạo mới trong năm 2026.
Horizon đánh dấu một bước nhảy vọt về kiến trúc giao diện: hỗ trợ Nested Blocks lồng nhau sâu tới 8 cấp độ, chuẩn hóa toàn bộ tương tác trên nền tảng Web Components hiện đại, và được định vị là sân chơi lý tưởng cho AI Sidekick cùng công cụ thiết kế không gian Shopify Canvas.
Tuy nhiên, đằng sau sự linh hoạt trong bố cục trang, các merchant và chuyên gia tối ưu chuyển đổi nhanh chóng phát hiện ra một điểm yếu chí mạng: Horizon tái định nghĩa cách sắp xếp nội dung thân trang, nhưng hệ thống điều hướng trên thiết bị di động vẫn bị bỏ quên trong tư duy desktop cũ kỹ.
Dưới đây là phân tích kỹ thuật chuyên sâu về Shopify Horizon, 5 điểm nghẽn điều hướng nghiêm trọng trên thực tế và cách Navi+ mang đến giải pháp kiến trúc hai tầng bất bại cho cửa hàng của bạn.
- Bước chuyển dịch Horizon: Khung section phẳng của Dawn được thay thế hoàn toàn bằng hệ thống Nested Blocks lồng nhau sâu 8 tầng và Web Components siêu nhẹ.
- Khoảng trống điều hướng di động: Mặc dù tùy biến trang rất tự do, Horizon vẫn giữ menu mobile ở nút Hamburger góc trên cùng bên trái — hoàn toàn nằm ngoài tầm với tự nhiên của ngón tay cái.
- Giải pháp kiến trúc độc lập: Trong khi Horizon vẽ các khối nội dung bên trong trang, Navi+ đóng vai trò cỗ máy điều hướng chuyển đổi độc lập trên Edge CDN (Mobile Tab Bar, Mega Menu trực quan, bộ chuyển đổi thị trường) — không bao giờ bị hỏng khi đổi theme.
1. Shopify bảo gì?
Trong chiến dịch công bố chính thức, Shopify định vị Horizon không chỉ là một bản cập nhật theme đơn thuần, mà là hệ điều hành nền tảng cho thế hệ storefront tiếp theo:
- “Kiến trúc Blocks-first dạng module thực thụ, xóa bỏ hoàn toàn giới hạn cố định của các section truyền thống.”
- “Xây dựng trên nền tảng Web Components gốc, nạp tức thì và loại bỏ hoàn toàn các thư viện JavaScript cồng kềnh.”
- “Không gian thiết kế chuẩn mực được tối ưu hóa riêng cho trợ lý AI Sidekick và công cụ kéo thả không gian Canvas.”
Nhờ cho phép lồng block bên trong block sâu tới 8 cấp, Horizon giúp merchant tự do dựng bảng so sánh sản phẩm, lưới hình ảnh đa cột, hay danh sách tính năng đóng mở trực tiếp trong Theme Customizer mà không cần chạm vào một dòng code Liquid nào.
2. Dùng thử xem thế nào? 5 Điểm nghẽn điều hướng của Horizon
Khi đội ngũ kỹ thuật của chúng tôi đưa Horizon vào thử nghiệm thực tế trên các store có lượng truy cập lớn, những giới hạn về mặt điều hướng đã lộ rõ ngay lập tức:
Điểm nghẽn 1: Bẫy nút Hamburger trên Mobile (The Thumb Stretch Trap)
Hơn 78% đơn hàng thương mại điện tử hiện nay diễn ra trên smartphone với kích thước màn hình từ 6.5 đến 6.9 inch. Trên các thiết bị như iPhone 16 Pro Max hay Galaxy S25, góc trên cùng bên trái là vị trí xa nhất, hoàn toàn không thể với tới bằng một tay.
Horizon vẫn tiếp tục chôn giấu toàn bộ danh mục sản phẩm sau nút Hamburger ở góc trên cùng bên trái. Khách hàng buộc phải đổi tư thế cầm máy hoặc dùng cả hai tay chỉ để mở menu tìm kiếm sản phẩm — rào cản thao tác này khiến tỷ lệ thoát trang tăng vọt từ 18% đến 24%.
Điểm nghẽn 2: Hoàn toàn vắng bóng Bottom Tab Bar cố định
Các ứng dụng thương mại điện tử hàng đầu thế giới như Shopee, Lazada, Amazon, Nike và Zara đều đặt các lối tắt quan trọng nhất vào 20% đáy màn hình — vùng thao tác tự nhiên và thoải mái nhất của ngón tay cái (“Thumb Zone”).
Horizon không hề có thanh điều hướng dính đáy (Sticky Bottom Navigation). Khi khách hàng cuộn xuống xem các khối nội dung lồng nhau dài dằng dặc của Horizon, thanh menu biến mất hoàn toàn. Khách hàng phải cuộn ngược hàng chục màn hình lên đỉnh trang chỉ để xem giỏ hàng, đổi danh mục hoặc tìm kiếm.
Điểm nghẽn 3: Quản lý Mega Menu phức tạp qua cây Nested Block
Mặc dù Horizon cho phép dựng menu bằng các block lồng nhau, nhưng việc cấu hình một Mega Menu đa cấp chuyên nghiệp (chia cột danh mục, chèn ảnh banner khuyến mãi, thêm badge Hot/Sale) trong Theme Customizer của Shopify trở thành một mê cung.
Merchant phải thao tác trên hàng chục block thụt đầu dòng. Chỉ cần kéo thả lệch một nấc, toàn bộ cấu trúc phân cấp sẽ vỡ vụn hoặc hiển thị tràn màn hình trên thiết bị di động.
Điểm nghẽn 4: Phình to độ sâu DOM và độ trễ phản hồi từ Liquid
Việc lồng block từ 6 đến 8 cấp độ khiến cây DOM của trang trở nên cực kỳ sâu và nặng nề. Do Horizon xử lý toàn bộ logic phân cấp này trên server Liquid của Shopify khi có lượt truy cập, cấu trúc menu càng phức tạp sẽ càng làm tăng Time to First Byte (TTFB) và gây giật lag (chỉ số INP kém) trên mạng di động.
Điểm nghẽn 5: Bộ chọn quốc gia và tiền tệ Shopify Markets bị giấu kín
Trong giao diện mặc định của Horizon, các nút chọn quốc gia, đơn vị tiền tệ và ngôn ngữ bị đẩy xuống tận đáy footer trang web hoặc nằm sâu ở tầng thứ hai của ngăn kéo hamburger. Khách hàng quốc tế truy cập vào thường rời đi ngay vì không thể xác định giá bán theo đúng đồng tiền của nước họ trong 3 giây đầu tiên.
3. Thế giới đánh giá thế nào?
Cộng đồng lập trình viên và các agency Shopify Plus quốc tế đã có những đánh giá rất thẳng thắn về cuộc chuyển giao này:
Nhận định từ Kiến trúc sư Theme Shopify
“Horizon là bước tiến vượt bậc so với Dawn trong việc dựng các trang nội dung tạp chí, nhưng tư duy điều hướng thì dậm chân tại chỗ. Nếu cửa hàng của bạn có hơn 500 SKU với cây danh mục đa cấp, việc cố gắng quản lý menu đó bằng cây block lồng nhau trong theme editor là một cơn ác mộng vận hành.”
— Lead Theme Architect, Shopify Premier Partner Agency
Góc nhìn từ Chuyên gia Tối ưu Chuyển đổi (CRO)
“Chúng tôi đã đo lường bản đồ nhiệt và video hành vi khách hàng trên các store dùng Horizon. Hơn 65% trường hợp khách rời bỏ phiên duyệt danh mục vì họ lười với tay lên nút hamburger trên những trang mô tả sản phẩm cuộn dài. Điều hướng đáy ngón tay cái không còn là tính năng tùy chọn — đó là tiêu chuẩn bắt buộc để sống sót.”
— Chuyên gia tư vấn CRO E-commerce
4. Đánh giá của Navi+ là gì?
Cuộc chuyển đổi từ Dawn sang Horizon khẳng định một chân lý bất biến trong kỹ thuật thương mại điện tử:
“Themes change from Dawn to Horizon. Navi+ keeps your conversion engine permanent.”
(Giao diện có thể đổi từ Dawn sang Horizon, nhưng cỗ máy điều hướng chuyển đổi của Navi+ luôn đứng vững độc lập).
Theme của cửa hàng sinh ra để vẽ thân trang (chi tiết sản phẩm, banner ảnh, lời chứng thực). Nhưng điều hướng chính là hệ thần kinh chuyển đổi của toàn bộ cửa hàng — nó phải luôn hiện diện liên tục, phản hồi tức thì và tách rời hoàn toàn khỏi mã nguồn của theme.
Điều này có thay thế Navi+ không? Navi+ giải quyết triệt để các điểm nghẽn của Horizon như thế nào?
Shopify Horizon hoàn toàn KHÔNG THỂ thay thế Navi+. Trái lại, chính những thay đổi cấu trúc của Horizon càng khiến Navi+ trở thành mảnh ghép không thể thiếu:
- 1. Thống trị Vùng Ngón Tay Cái (Thumb-Zone Bottom Tab Bar): Navi+ ghim thanh Bottom Tab Bar chuẩn Native App (Trang chủ, Tìm kiếm tức thì, Danh mục trực quan, Giỏ hàng 1 chạm) ngay dưới đáy màn hình điện thoại. Khách hàng lướt xem hàng chục sản phẩm mà không bao giờ phải với tay lên đỉnh màn hình hay cuộn trang mệt mỏi. Chuẩn Safe-Area tự động tương thích với Dynamic Island và thanh điều hướng hệ điều hành.
- 2. Kiến trúc 2 tầng độc lập (Zero Liquid Bloat): Navi+ vận hành hoàn toàn độc lập với mã Liquid của Horizon. Menu được phân phối qua mạng lưới Edge CDN của Cloudflare R2 trong vòng dưới 16ms. Khi bạn nâng cấp store từ Dawn lên Horizon (hoặc đổi bất kỳ theme nào sau này), toàn bộ cây menu của bạn được giữ nguyên 100% — không mất một phút cấu hình lại, không sợ lỗi mã nguồn.
- 3. Trình dựng Mega Menu trực quan không phụ thuộc Block theme: Thay vì vật lộn với cây block lồng nhau dễ vỡ của Horizon, Navi+ cung cấp dashboard kéo thả chuyên biệt cho navigation. Dễ dàng thêm banner flash sale, badge khuyến mãi nổi bật, ảnh đại diện bộ sưu tập và chia cột linh hoạt chỉ trong vài phút.
- 4. Tích hợp sâu Shopify Markets ngay trên thanh điều hướng: Navi+ đưa bộ chuyển đổi tiền tệ và quốc gia lên thẳng thanh Tab Bar hoặc menu nổi. Hệ thống tự động nhận diện vị trí khách hàng để hiển thị đúng đơn vị tiền tệ bản địa, xóa bỏ hoàn toàn rào cản thanh toán quốc tế.
- 5. Nút nổi liên hệ đa kênh (Floating Action Button - FAB): Trong khi Horizon không có giải pháp hỗ trợ khách hàng tức thì, Navi+ cho phép bạn kích hoạt nút FAB hỗ trợ đa kênh (Zalo, WhatsApp, Messenger, Hotline) xuất hiện thông minh mà không che khuất nút Thêm Vào Giỏ Hàng.
5. Bạn sẽ cần chuẩn bị gì?
Nếu bạn chuẩn bị mở cửa hàng mới với Horizon hoặc lên kế hoạch nâng cấp từ Dawn, hãy thực hiện ngay 5 bước chuẩn bị sau:
- Kiểm tra công thái học ngón tay cái: Mở store của bạn trên một chiếc smartphone màn hình lớn. Thử duyệt qua các bộ sưu tập chính chỉ bằng ngón tay cái của một bàn tay. Nếu bạn cảm thấy mỏi tay hoặc phải đổi cách cầm máy, store của bạn đang đánh mất doanh số mỗi ngày.
- Tách rời điều hướng trước khi đổi theme: Đừng tốn hàng chục giờ cấu hình menu thủ công vào các block của Horizon. Hãy cài đặt Navi+ để lớp điều hướng của bạn đứng vững độc lập và an toàn trong suốt quá trình chuyển đổi giao diện.
- Tinh gọn cấu trúc cho Mobile: Gom nhóm danh mục sản phẩm thành 4–5 điểm chạm quan trọng nhất cho thanh Tab Bar dưới đáy, và đưa cây danh mục chi tiết vào menu trượt (Slide Drawer) trực quan.
- Đưa bộ chọn Shopify Markets ra phía trước: Đưa tính năng chuyển đổi tiền tệ và ngôn ngữ từ chân trang (footer) lên ngay menu chính để phục vụ khách hàng quốc tế.
- Giữ DOM của Horizon luôn tinh gọn: Giảm tải cho server của Shopify bằng cách để Navi+ xử lý toàn bộ logic menu qua mạng lưới CDN biên siêu nhẹ (dưới 12KB gzipped).
Chủ đề liên quanKhám phá Spotlight Hub về Shopify Canvas với đầy đủ 10 bài phân tích kỹ thuật →