Shopify 2.0 Themes (Online Store 2.0) haben die Art und Weise verändert, wie Apps in Storefronts integriert werden. App-Blöcke, native Sections und JSON-Templates haben den älteren Ansatz der Script-Injektion ersetzt. Hier erfahren Sie, wie sich Giga Menu und Navi+ angepasst haben — und was das für Ihren Shop bedeutet.
Was Shopify 2.0 für Navigations-Apps geändert hat
Die Online Store 2.0 Architektur von Shopify führte ein:
- App-Blöcke: Drag-and-Drop-Blöcke im Theme-Editor
- JSON-Templates: Flexible Seiten-Templates für mehr Anpassungsmöglichkeiten
- Sections überall: App-Sections können auf jeder Seite erscheinen, nicht nur auf der Startseite
- Theme App Extensions: Apps werden als Erweiterungen installiert, anstatt Code in Theme-Dateien einzuschleusen
Die praktische Auswirkung: Navigations-Apps, die die alte Methode der „theme.liquid”-Injektion verwenden, haben jetzt eine unübersichtlichere Installationserfahrung und ein höheres Konfliktrisiko nach Theme-Updates.
Giga Menu und Shopify 2.0
Giga Menu wurde für Shopify 2.0-Kompatibilität aktualisiert. Die App unterstützt:
- Installation über den Theme-Editor (teilweise 2.0-Unterstützung)
- Reduzierte Code-Injektion im Vergleich zu älteren Versionen
- Kompatibilität mit den meisten OS 2.0 Themes, einschließlich Dawn, Impulse und Prestige
Verbleibende Bedenken bei Giga Menu auf OS 2.0:
- Ist in manchen Konfigurationen noch auf umfangreiche JavaScript-Injektion angewiesen
- Theme-Updates können gelegentlich benutzerdefiniertes Giga Menu CSS beschädigen
- Tiefgreifende Anpassungen (benutzerdefiniertes CSS) können mit 2.0 Theme-Updates in Konflikt geraten
Navi+ und Shopify 2.0
Navi+ wurde mit einer Script-Embed-Architektur entwickelt, die von Haus aus theme-agnostisch ist:
- Das Navi+-Script wird über ein einzelnes Script-Tag geladen — kompatibel mit jedem Shopify Theme
- Kein Bearbeiten von Liquid-Templates erforderlich
- Theme-Updates beschädigen Navi+ nicht — das Script lädt unabhängig
- Funktioniert mit OS 2.0 App-Blöcken für optionale Tiefenintegration
Navi+’s OS 2.0 Vorteile:
- Null Konflikte mit Theme-Updates
- Funktioniert theme-übergreifend ohne Neukonfiguration
- App-Architektur entspricht Shopifys langfristiger Ausrichtung für Navigation
Theme-Kompatibilität
| Theme | Giga Menu | Navi+ |
|---|---|---|
| Dawn (Shopify Standard) | ✓ | ✓ |
| Impulse | ✓ | ✓ |
| Prestige | ✓ | ✓ |
| Debut (Legacy) | ✓ | ✓ |
| Benutzerdefinierte Themes | ~ (CSS-Korrekturen nötig) | ✓ |
| Headless / benutzerdefinierte Storefronts | ~ | ✓ (Script-Embed) |
Das große Bild: Warum Architektur wichtig ist
Eine Shopify-Navigations-App, die nach jedem Theme-Update nicht mehr funktioniert, verursacht versteckte Kosten:
- Entwicklerzeit zur Behebung von CSS-Konflikten
- Navigationsausfälle während Updates
- Inkonsistente Erfahrung nach App-/Theme-Updates
Navi+’s theme-agnostische Architektur bedeutet, dass Ihre Navigationskonfiguration von Theme-Änderungen isoliert ist. Sie aktualisieren Ihr Theme; Navi+ funktioniert weiterhin unverändert.
Fazit
Sowohl Giga Menu als auch Navi+ funktionieren mit modernen Shopify 2.0 Themes. Der praktische Unterschied liegt in der Zuverlässigkeit bei Theme-Updates: Navi+’s unabhängige Script-Architektur erfordert nach Theme-Änderungen mit geringerer Wahrscheinlichkeit Aufmerksamkeit. Für Shops, die häufig Themes aktualisieren oder mehrere Themes verwenden (A/B-Testing), ist Navi+’s Architektur die wartungsärmere Wahl.
→ Zum vollständigen Vergleich: Navi+ vs Giga Menu