Fünf Jahre lang war Dawn das unbestrittene Vorbild moderner Shopify-Shops. Mit Online Store 2.0 im Jahr 2021 eingeführt, bewies Dawn, dass schlanker Liquid-Code und Vanilla-JS Ladezeiten unter einer Sekunde liefern können. Doch im Zeitalter modularer Blocks und moderner App-Gewohnheiten auf Mobilgeräten geriet Dawns starre Sektionsstruktur an ihre Grenzen.
Mit Horizon (2026) hat Shopify das neue offizielle Standard-Flaggschiff-Theme vorgestellt.
Horizon ersetzt Dawns flache Sektionen durch verschachtelte Blöcke bis zu 8 Ebenen tief und standardisiert Interaktionen über native Web Components. Doch hinter den flexiblen Inhaltsblöcken zeigt sich eine vertraute Schwachstelle: Das integrierte Standard-Menü verharrt weiterhin in der Desktop-Vergangenheit.
In diesem Benchmark vergleichen wir Dawn und Horizon direkt, beleuchten Stärken und strukturelle Schwächen und zeigen, warum die entkoppelte Navigations-Engine von Navi+ für beide Themes unverzichtbar ist.
- Fortschritt bei Horizon: Native Web Components und 8-stufige verschachtelte Blöcke erlauben anspruchsvolle Seiten-Layouts ohne individuellen Liquid-Code.
- Schwachstelle im Standard-Menü: Sowohl Dawn als auch Horizon fesseln mobile Käufer an ein schwer erreichbares Hamburger-Menü oben links und verzichten auf Daumenleisten.
- Der Navi+-Vorteil: Navi+ koppelt die Navigation vollständig vom Theme ab und liefert eine permanente Daumenzonen-Navigationsschicht via Edge CDN (<16ms), die auch beim Theme-Wechsel 100 % stabil bleibt.
1. Was Shopify verspricht: Der Sprung von Dawn zu Horizon
Shopify hebt beim Wechsel von Dawn zu Horizon drei zentrale technische Meilensteine hervor:
- Von flachen Sektionen zu 8-stufig verschachtelten Blöcken: Statt starrer Einheiten können Blöcke nun bis zu acht Ebenen tief ineinander geschachtelt werden.
- Standardisierung auf native Web Components: Dawn nutzte klassische JS-Klassen; Horizon setzt auf W3C-konforme Web Components für schnellere Hydration ohne Fremdbibliotheken.
- Optimiert für Sidekick KI & Canvas: Horizon dient als offizielle Arbeitsfläche für KI-Layout-Generierung ohne unnötigen Liquid-Ballast.
2. Praxis-Test: Licht, Schatten und Schwächen des Standard-Menüs
Bei automatisierten Lighthouse- und WebPageTest-Audits auf Staging-Umgebungen zeigte sich das reale Bild:
Die Stärken von Horizon
Schlankerer DOM für Inhaltsabschnitte, höhere visuelle Freiheit im Customizer und Wegfall monolithischer Skript-Bundles.
Die Schwachstellen der Standard-Menüs in Dawn und Horizon
- Hamburger-Falle auf modernen Smartphones: Bei 6,7”-Displays (iPhone 16 Pro Max) ist die linke obere Ecke ein ergonomischer toter Winkel. Das Hamburger-Menü treibt die Absprungrate um bis zu 22 % in die Höhe.
- Keine native Bottom Tab Bar: Keine persistente Leiste in der natürlichen Daumenzone (den unteren 20 % des Bildschirms).
- Mega-Menü-Komplexität im Editor: Dutzende eingerückte Blöcke im Customizer machen die Pflege unübersichtlich; ein falscher Klick zerstört die mobile Ansicht.
- Theme-Lock-in beim Wechsel: Da Dawn und Horizon unterschiedliche Schemas nutzen, gehen Menüeinstellungen beim Upgrade verloren.
3. Reaktionen aus Community und Branche
Agenturleiter und Performance-Experten fassen zusammen:
Die Sicht der Theme-Architekten
“Horizon revolutioniert Layouts, ignoriert aber die Navigation. Hunderte Artikel über verschachtelte Blöcke im Theme-Editor zu pflegen, ist praxisfremd.” — Lead Theme Architect, Shopify Premier Partner
Die Perspektive der CRO-Berater
“Die meisten mobilen Abbrüche geschehen bei der Kategoriensuche. Wer Kunden zwingt, nach oben zu greifen, verschenkt Umsatz. Eine untere Daumenleiste ist Pflicht.” — E-Commerce Conversion Spezialist
4. Das strategische Fazit von Navi+
Das Fazit unseres Benchmarks ist eindeutig:
“Themes change from Dawn to Horizon. Navi+ keeps your conversion engine permanent.”
Navi+ ersetzt Horizons modulare Sektionen nicht, sondern ergänzt sie als entkoppelte Schicht über Cloudflare R2 Edge CDN (<16ms) ohne Eingriff in den Liquid-Code des Themes.
Dawn vs. Horizon vs. Navi+ im direkten Vergleich
Wie Navi+ Standard-Menüs übertrifft:
- 1. Beherrschung der Daumenzone: Fixierte Bottom Tab Bar (Startseite, Sofortsuche, Kollektionen, 1-Klick-Warenkorb) direkt unter dem Daumen mit bis zu 27 % längerer Verweildauer.
- 2. Reibungsloser Theme-Wechsel: Beim Umstieg von Dawn auf Horizon bleibt Ihr Navi+-Menü zu 100 % erhalten – ohne Neukonfiguration.
- 3. Visuelles Mega-Menü ohne DOM-Ballast: Verkaufsfördernde Badges, Kollektionsbilder und Banner visuell steuern, ohne den Liquid-Server zu belasten.
- 4. Direkte Shopify-Markets-Integration: Automatische Standorterkennung und Währungsauswahl direkt in der mobilen Navigationsleiste.
5. Konkrete Roadmap für Händler
- Navigation vorab entkoppeln: Installieren Sie Navi+ bereits im bestehenden Dawn-Theme, bevor Sie mit dem Horizon-Build starten.
- Ergonomie auf echten Geräten prüfen: Testen Sie die Einhandbedienung auf einem 6,5”+ Smartphone.
- Horizon-Blöcke für Inhalte reservieren: Nutzen Sie verschachtelte Blöcke für Produktstorys und überlassen Sie die Shop-Navigation Navi+.
- Währungsauswahl sichtbar platzieren: Holen Sie Shopify Markets aus dem Footer in die mobile Navigationsleiste.
- INP-Werte im grünen Bereich halten: Vermeiden Sie schwere Menü-Skripte im Theme durch Navi+ Edge-Delivery (<12KB gzipped).
Teil 1 der Horizon-SerieTeil 1: Shopify Horizon (2026): Das neue Standard-Theme & Navigations-Engpässe →