Shopware 6 ist als Commerce-Engine gesetzt, das Frontend ist die offene Frage. Wenn dein Twig-Theme …
Shopware Storefront modernisieren: das visuelle Frontend für Shopware 6
Shopware 6 ist als Commerce-Engine gesetzt, das Frontend ist die offene Frage. Wenn dein Twig-Theme bei Multi-Brand-Setups, Core Web Vitals oder Marketing-Tempo an Grenzen stößt, brauchst du kein neues Backend, sondern ein entkoppeltes, visuelles Frontend auf deiner bestehenden Shopware Store-API. Genau das ist Laioutr: Shopware 6 bleibt dein Backend, der Storefront wird schneller live, ohne monatelangen Agentur-Custom-Build.
Was heißt "Storefront modernisieren" bei Shopware 6 konkret?
Shopware 6 liefert dir eine solide Commerce-Engine: Store-API, Admin-API, Kundengruppen, Steuerlogik, DACH-Compliance ab Werk. Was Shopware 6 nicht automatisch löst, ist die Frontend-Frage: Der Default-Storefront läuft auf Twig-Templating mit Bootstrap-Theme-Inheritance, jede Landingpage, jede Kampagne, jeder Multi-Brand-Fork braucht Theme-Code. Ein modernisierter Storefront heißt konkret: das Backend (Store-API, Produktdaten, Preise, Kundengruppen) bleibt Shopware 6, das Frontend wird ein eigener, composable Layer, der visuell im Editor gebaut wird statt im Theme-Code.
Das Problem: Twig-Theme-Grenzen und der Agentur-Custom-Build
Die meisten Shopware-Merchants kennen die Wahl: Twig-Theme weiter pflegen oder den ganzen PWA-Stack aufsetzen. Beides ist unangenehm. Twig-Themes skalieren bei Multi-Brand- und Multi-Country-Setups schlecht, jede neue Landingpage geht über ein Theme-PR-Review, Marketing wartet auf ein Developer-Ticket. Ein eigener PWA-Aufbau (etwa auf Vue Storefront-Basis) ist technisch sauber, dauert aber typischerweise vier bis sechs Monate und braucht ein eigenes Frontend-Team, meist über eine Agentur eingekauft. Dazu kommt die Performance-Realitat: Default-Twig-Storefronts liegen häufig bei 2,5 bis 4 Sekunden Largest Contentful Paint, während Google für "gut" unter 2,5 Sekunden ansetzt (web.dev, LCP-Schwellenwerte). Wer zusätzlich BFSG-Konformität nachrüsten muss, addiert einen weiteren Audit-Sprint obendrauf.
Wir haben die Shopware-5-zu-6-Migration und die Frontend-Entscheidung bereits im Detail eingeordnet: Wer ohnehin migrieren muss, sollte das Frontend zuerst entkoppeln, nicht zuletzt.
Shopware 6 Backend, visuelles Frontend statt Custom-Build
Die dritte Option neben "Theme pflegen" und "PWA-Eigenbau" ist ein Frontend Management Platform (FMP)-Layer, der sich direkt an die Shopware Store-API koppelt. Kein Custom-Connector, kein Parallel-Team.
- Dimension: Time-to-Market Landingpage · Twig-Theme: Theme-PR-Review, Tage bis Wochen · Agentur-PWA-Custom-Build: Sprint-Planung, Wochen · Laioutr auf Shopware 6: Studio-Editor, Stunden
- Dimension: Performance (LCP) · Twig-Theme: typisch 2,5 bis 4 Sekunden · Agentur-PWA-Custom-Build: abhängig vom Team, oft instabil · Laioutr auf Shopware 6: unter 2,5 Sekunden von Haus aus
- Dimension: Team-Aufwand · Twig-Theme: Theme-Entwickler dauerhaft gebunden · Agentur-PWA-Custom-Build: eigenes Frontend-Team oder Agentur · Laioutr auf Shopware 6: Marketing arbeitet selbst im Editor
- Dimension: Multi-Brand · Twig-Theme: Theme-Fork pro Marke · Agentur-PWA-Custom-Build: zusätzlicher Custom-Aufwand pro Marke · Laioutr auf Shopware 6: eine Komponenten-Library, Token-Bus pro Marke
- Dimension: BFSG/WCAG · Twig-Theme: separater Audit-Sprint · Agentur-PWA-Custom-Build: separater Audit-Sprint · Laioutr auf Shopware 6: ab Werk konform
Das ist auch der Unterschied zu unserer bestehenden Headless Frontend für Shopware-Seite: Dort geht es um die vollständige Architektur-Story pro Backend-Vendor. Dieser Beitrag zoomt auf den konkreten Storefront-Modernisierungs-Move, inklusive Agentur-Winkel für alle, die aktuell einen Custom-Build ausschreiben.
So läuft die Umsetzung in der Praxis
- Discovery. Audit des bestehenden Twig-Themes, Plugin-Stacks und Multi-Brand-/Locale-Inventars.
- Store-API-Anbindung. Laioutr koppelt sich als Standard-Integration an die Shopware Store-API, kein Custom-Connector nötig.
- Theme-zu-Komponenten-Mapping. Bestehende Brand-Tokens wandern in die UI-Library, BFSG-Konformität ist dabei Plattform-Eigenschaft, kein separater Sprint.
- Visual Editing für Marketing. Landingpages, Kampagnen und A/B-Varianten entstehen im Studio-Editor, ohne Developer-Ticket.
- Soft-Launch und Cutover. Eine Brand oder ein Markt zuerst parallel, danach vollständiger Wechsel.
Für Agenturen, die aktuell einen Custom-Build für Kunden ausschreiben: Der Laioutr-Layer ersetzt den Frontend-Eigenbau-Teil des Projekts, die Backend-Beratung und das Shopware-Setup bleiben bei euch. Warum Shopware Headless besser abschneidet als Twig-Templates, haben wir separat mit Zahlen unterlegt.
Was bedeutet das für Shopware-Merchants und Agenturen?
Für Merchants: Ihr behaltet Shopware 6 als Commerce-Engine, gewinnt aber Marketing-Tempo und Core-Web-Vitals-Performance zurück, ohne Replatforming-Risiko. Für Agenturen: Ihr müsst den Frontend-Teil nicht mehr von Grund auf neu bauen und könnt euch auf Beratung, Datenmodellierung und Migrations-Begleitung konzentrieren, während der Storefront selbst auf einer gemanagten Plattform läuft.
FAQ
Muss ich mein Shopware-Backend wechseln?
Nein. Shopware 6 bleibt dein Backend, Laioutr koppelt sich über die Store-API an. Es handelt sich um einen Frontend-Wechsel, kein Replatforming.
Was passiert mit bestehenden Plugins?
Backend-seitige Plugins (Preislogik, Zahlungsarten, ERP-Anbindung) bleiben unverändert. Frontend-seitige Theme-Erweiterungen werden durch Komponenten in der UI-Library ersetzt.
Wie lange dauert die Umsetzung?
Für ein Single-Brand-DACH-Setup typischerweise unter zwei Wochen bis zum ersten Soft-Launch, bei Multi-Brand-Setups linear länger.
Brauche ich noch eine Agentur?
Für Beratung, Datenmodellierung und individuelle Integrationen ja. Für den reinen Frontend-Aufbau nicht mehr, das übernimmt die Plattform.
Was kostet der Umstieg?
Details zu Plänen und Umfang findest du auf unserer Preisseite, am schnellsten klärt eine 30-minütige Demo, was für euren Shopware-Shop konkret passt.
Nächste Schritte
Wenn dein Twig-Theme oder dein geplanter Agentur-Custom-Build gerade an eine dieser Grenzen stößt: Buch dir eine Demo, wir zeigen dir Shopware 6 mit einem entkoppelten, visuellen Frontend live.
Weitere Themen aus der Laioutr-Plattform
Über den Autor: Marcel Thiesies ist Co-Founder & CEO von Laioutr. Er arbeitet mit DACH-Mittelstands-Shops an der Frage, wie sich Composable-Frontend-Architektur ohne Replatforming-Risiko einführen lässt.