---
title: "OroCommerce Frontend: raus aus dem Twig-Flaschenhals"
canonical_url: "https://www.laioutr.com/blog/orocommerce-frontend-twig-layouts-bottleneck"
locale: de
meta:
description: "OroCommerce-Storefronts laufen über YAML-Layout-Updates, Twig-Block-Themes und SCSS-Builds. So behalten B2B-Teams die Oro-Logik und Marketing editiert visuell."
"og:description": "OroCommerce-Storefronts laufen über YAML-Layout-Updates, Twig-Block-Themes und SCSS-Builds. So behalten B2B-Teams die Oro-Logik und Marketing editiert visuell."
"og:title": "OroCommerce Frontend: raus aus dem Twig-Flaschenhals"
---
# OroCommerce Frontend: raus aus dem Twig- und Layouts-Flaschenhals
Inhaltsverzeichnis
1. [1.Wie die OroCommerce Storefront aufgebaut ist](#wie-die-orocommerce-storefront-aufgebaut-ist)
2. [2.Wo im Alltag der Flaschenhals entsteht](#wo-im-alltag-der-flaschenhals-entsteht)
3. [3.Was Marketing in Oro heute schon kann und wo es endet](#was-marketing-in-oro-heute-schon-kann-und-wo-es-endet)
4. [4.Oro-B2B-Logik behalten, Darstellung verlagern](#oro-b2b-logik-behalten-darstellung-verlagern)
5. 5.Was sich für Entwicklungsteams ändert
6. [6.Ein praktischer Weg vom Layout-Update zur Komponente](#ein-praktischer-weg-vom-layout-update-zur-komponente)
7. [7.FAQ](#faq)
8. [8.Fazit](#fazit)
1. [1.Wie die OroCommerce Storefront aufgebaut ist](#wie-die-orocommerce-storefront-aufgebaut-ist)
2. [2.Wo im Alltag der Flaschenhals entsteht](#wo-im-alltag-der-flaschenhals-entsteht)
3. [3.Was Marketing in Oro heute schon kann und wo es endet](#was-marketing-in-oro-heute-schon-kann-und-wo-es-endet)
4. [4.Oro-B2B-Logik behalten, Darstellung verlagern](#oro-b2b-logik-behalten-darstellung-verlagern)
5. 5.Was sich für Entwicklungsteams ändert
6. [6.Ein praktischer Weg vom Layout-Update zur Komponente](#ein-praktischer-weg-vom-layout-update-zur-komponente)
7. [7.FAQ](#faq)
8. [8.Fazit](#fazit)
Das OroCommerce Frontend ist eine serverseitig gerenderte Storefront aus Symfony-Bundles, OroLayouts und Twig-Block-Themes, und fast jede sichtbare Änderung läuft über Entwicklung, ein YAML-Layout-Update und einen Theme-Build. Wer schneller werden will, muss Oro dafür nicht aufgeben: Die B2B-Logik bleibt im Backend, eine eigene Frontend-Ebene übernimmt die Darstellung und Marketing baut Seiten visuell. Dieser Beitrag zeigt, woher der Theming-Aufwand tatsächlich kommt und wie er sich schrittweise entkoppeln lässt.
## Wie die OroCommerce Storefront aufgebaut ist
OroCommerce ist eine Symfony-Anwendung, und der [Storefront-Quick-Start in der offiziellen Oro-Dokumentation](https://doc.oroinc.com/6.1/frontend/storefront/quick-start/) stellt klar, dass der gesamte Storefront-Code in Bundles organisiert ist. Jede Seite wird durch ein Layout beschrieben: einen Baum aus Blöcken, jeder mit Block-Typ und Optionen. Dieser Baum wird nicht in einer Template-Datei bearbeitet, sondern über Layout-Updates verändert. Das sind YAML-Dateien mit Aktionen wie `@add`, `@move`, `@remove`, `@setOption` und `@setBlockTheme`. Soll ein Update nur eine Seite betreffen, liegt es in einem Ordner, der nach der Symfony-Route benannt ist, etwa `oro_product_frontend_product_view`.
Gerendert wird in Twig. Jeder Block entspricht einem Twig-Block. Wer das Markup ändern will, sucht den passenden Block mit dem Twig Inspector, überschreibt ihn im gleichen Pfad in einem eigenen Bundle und hängt das neue Block-Theme per Layout-Update ein. Das Styling ist SCSS, wird pro Theme in der `assets.yml` deklariert und über einen npm-Build mit dem Theme-Namen als Parameter kompiliert.
Themes erben voneinander. Laut [Oro-Theming-Dokumentation](https://doc.oroinc.com/6.1/frontend/storefront/theming/) deklariert ein eigenes Theme in der `theme.yml` ein Eltern-Theme, meist das Default-Theme, damit Core-Dateien unangetastet bleiben. Einzelne Theme-Optionen lassen sich im Backoffice als Theme-Konfiguration freigeben. Das gibt Administratoren einige Schalter ohne Code.
Diese Architektur ist bewusst gewählt und leistungsfähig. Integratoren können nahezu jeden Teil der Storefront ändern, ohne den Core zu forken, und Upgrades bleiben beherrschbar. Der Preis: Für die tägliche Frontend-Arbeit braucht es ein breites Skillset aus PHP und Symfony, YAML, Twig, SCSS, npm-Builds und dem Symfony Profiler zum Debuggen des Layout-Baums.
## Wo im Alltag der Flaschenhals entsteht
Das Layout-System wurde für Entwicklerinnen und Entwickler gebaut, und genau dort entsteht Reibung, sobald eine B2B-Storefront wächst. Eine typische Anfrage aus Vertrieb oder Marketing, etwa ein neuer Teaser über der Produktliste für eine Kundengruppe, folgt einem vorhersehbaren Pfad:
1. Marketing beschreibt die Änderung in einem Ticket, oft mit Screenshot.
2. Entwicklung sucht die betroffenen Blöcke im Layout-Baum der richtigen Route.
3. Ein YAML-Layout-Update wird geschrieben oder erweitert, bei Markup-Änderungen zusätzlich ein Twig-Block-Theme.
4. SCSS wird angepasst und die Theme-Assets werden neu gebaut.
5. Die Änderung durchläuft Review, Staging und Deployment wie jeder andere Code.
6. Marketing prüft das Ergebnis und braucht nicht selten eine zweite Runde.
Keiner dieser Schritte ist für sich unvernünftig. Zusammen machen sie kleine Content- und Layout-Änderungen zu Entwicklungsaufgaben, die mit Integrationsarbeit, ERP-Schnittstellen und Preislogik konkurrieren. In B2B-Projekten verantworten oft dieselben Leute kundenspezifische Preislisten, Angebotsprozesse und Account-Hierarchien. Frontend-Anfragen landen dahinter in der Warteschlange.
Ein zweiter Effekt ist Wissenskonzentration. Layout-Updates verteilen sich über viele Bundles, die tatsächliche Seite ist erst zur Laufzeit sichtbar. Teams, die für die OroCommerce Frontend Entwicklung auf eine externe OroCommerce Agentur setzen, stellen oft fest, dass nur wenige Personen sicher vorhersagen können, was eine Layout-Änderung auslöst. Das ist keine Schwäche von Oro, sondern die natürliche Folge eines flexiblen, vererbungsbasierten Theming-Modells über Jahre.
## Was Marketing in Oro heute schon kann und wo es endet
Die Aussage, OroCommerce habe keinen Editor für Marketing, wäre falsch. Das [von Oro dokumentierte WYSIWYG-Feld](https://doc.oroinc.com/6.1/bundles/commerce/CMSBundle/WYSIWYG-field/) basiert auf GrapesJS und wird standardmäßig für Landingpages und Content-Blöcke genutzt. Content-Teams können CMS-Seiten bauen und Content-Blöcke platzieren, ohne Twig anzufassen.
Die Grenze liegt bei den Commerce-Seiten selbst. Produktdetailseiten, Produktlisten, Einkaufslisten und Checkout werden über Layouts und Block-Themes definiert. Sektionen umsortieren, einen neuen Komponententyp einführen oder eine Variante für eine bestimmte Kundengruppe anlegen bleibt dort eine Code-Änderung. In der Praxis hat Marketing also einen visuellen Editor für die Content-Ecken der Storefront, während die umsatzrelevanten B2B-Seiten Entwicklungsterrain bleiben.
| Art der Änderung | Native Oro Storefront | Frontend-Ebene auf der Oro-API |
| --- | --- | --- |
| Landingpage oder Content-Block | WYSIWYG-Editor (GrapesJS) | Visuelles Editing im Studio |
| Sektionen auf der Produktseite umsortieren | YAML-Layout-Update, Deployment | Drag and Drop im Studio, veröffentlichen |
| Neuer Komponententyp | Block-Typ, Twig-Block-Theme, SCSS | Neue Komponente in der gemeinsamen Bibliothek, danach überall nutzbar |
| Variante für eine Kundengruppe | Layout-Bedingung oder Custom Code | Seitenvariante visuell komponiert, Daten aus Oro |
| Styling über Marken oder Websites | Child-Theme pro Website, Asset-Build | Design-Tokens und gemeinsame Komponenten |
| B2B-Logik (Preise, Angebote, Accounts) | Bleibt in Oro | Bleibt in Oro, per API gelesen |
## Oro-B2B-Logik behalten, Darstellung verlagern
Für die meisten Oro-Kunden ist entscheidend: Das Backend ist nicht das Problem. Kundenhierarchien, Preislisten pro Kundengruppe, Angebotsanfragen, Einkaufslisten und Multi-Website-Setups sind genau die Gründe, aus denen Unternehmen sich für OroCommerce entschieden haben. Eine Frontend-Modernisierung sollte daran nichts ändern.
Oro unterstützt diese Trennung selbst. Die [Storefront REST API](https://doc.oroinc.com/6.1/backend/api/storefront/) stellt Storefront-Ressourcen per HTTP bereit, inklusive Sandbox zum Erkunden und optionaler Guest-API für anonyme Besucher. Damit lässt sich die Storefront außerhalb der Symfony-Anwendung rendern, während Oro das führende System bleibt.
Hier setzt Laioutr als Frontend Management Platform an. Das [Composable Headless Frontend](https://www.laioutr.com/composable-headless-frontend) läuft als Nuxt-Anwendung vor OroCommerce und liest Katalog, Preise, Warenkorb und Account-Daten über die API. Orchestr normalisiert diese Daten in ein einheitliches Modell, sodass Frontend-Komponenten nicht von Oro-spezifischen Antwortstrukturen abhängen. Die Seite zum [Headless Frontend für OroCommerce](https://www.laioutr.com/headless-frontend-for-oro-commerce) beschreibt, welche B2B-Funktionen sich so darstellen lassen, sofern die entsprechenden API-Ressourcen im Projekt verfügbar sind.
Auf dieser Ebene arbeitet Marketing im [Composable Visual Page Builder](https://www.laioutr.com/composable-visual-page-builder). Entwicklung definiert Komponenten und Leitplanken einmal, Marketing komponiert daraus Produkt-, Kategorie- und Kampagnenseiten und veröffentlicht ohne Deployment. Laioutr beziffert die Time-to-Launch neuer Landingpages im Vergleich zu einem klassischen Headless-Setup als rund 65 % kürzer.
## Was sich für Entwicklungsteams ändert
Die Verlagerung der Darstellung nimmt Entwicklung nicht aus dem Frontend. Sie verändert, wofür die Zeit eingesetzt wird.
- **Komponenten statt Layout-Patches.** Statt YAML-Updates pro Route zu pflegen, entstehen wiederverwendbare Komponenten in Vue und Nuxt. Laioutr liefert 70+ Komponenten als Ausgangspunkt.
- **Ein Datenmodell.** Komponenten konsumieren normalisierte Daten. Ändert sich später die Backend-Landschaft, bleibt die Komponentenbibliothek bestehen. Laioutr bindet 50+ Backends an.
- **Weniger Asset-Builds pro Änderung.** Content- und Layout-Änderungen lösen keinen Theme-Build und kein Deployment mehr aus.
- **Klare Zuständigkeiten.** Oro-Entwicklung kümmert sich um Preise, Workflows und Integrationen, Frontend-Entwicklung um Komponenten und Performance, Marketing um Seiten.
- **Performance als Plattform-Eigenschaft.** Core Web Vitals werden in der Ebene selbst adressiert, beschrieben auf der Seite zu [Performance und Core Web Vitals](https://www.laioutr.com/product/performance-core-web-vitals).
Teams, die den Schritt planen, starten meist mit begrenztem Umfang. Der [phasenweise Ansatz für ein neues OroCommerce-Frontend ohne Backend-Eingriff](https://www.laioutr.com/blog/oro-commerce-replatforming-headless-frontend) zeigt, wie Routengruppen einzeln umziehen, jeweils mit Rollback-Pfad. Einen breiteren Vergleich aus Default-Theme, Eigenentwicklung und Frontend-Plattform bietet der [Vergleich der Headless-Frontend-Optionen für OroCommerce](https://www.laioutr.com/blog/oro-commerce-headless-frontend-options-compared).
## Ein praktischer Weg vom Layout-Update zur Komponente
Ein guter Einstieg ist ein Audit der bestehenden Layout-Updates und Block-Themes. Die Gruppierung beantwortet drei Fragen: Welche Änderungen sind reine Darstellung, welche bilden Geschäftsregeln ab, und welche existieren nur, weil Marketing keinen anderen Weg hatte?
1. **Inventur.** Eigene Bundles, Layout-Updates pro Route und überschriebene Twig-Block-Themes auflisten.
2. **Klassifizieren.** Jeden Eintrag als Darstellung, Geschäftslogik oder Workaround markieren.
3. **Auf Komponenten abbilden.** Darstellungs-Einträge werden Komponenten-Kandidaten mit klaren Props.
4. **API prüfen.** Sicherstellen, dass jeder benötigte Datenpunkt über die Storefront API verfügbar ist, und fehlende Endpunkte in Oro einplanen.
5. **Content-Routen zuerst.** Landingpages und Kategorie-Einstiegsseiten sind ein risikoarmer Start.
6. **Danach Produkt- und Listenseiten.** Sobald die Komponentenbibliothek steht, folgen die Seiten mit dem meisten Traffic.
7. **Checkout-Logik in Oro lassen.** Checkout und Angebotsprozesse ziehen zuletzt um und nur dann, wenn jede Regel über die API abgedeckt ist.
Das Ergebnis ist eine Storefront, in der Oro die B2B-Engine bleibt und das Frontend-Team keine Layout-Patches mehr für Änderungen pflegt, die Marketing selbst erledigen kann.
## FAQ
### Ersetzt ein Headless Frontend OroCommerce?
Nein. OroCommerce bleibt das Backend für Katalog, Preise, Kunden, Angebote und Bestellungen. Nur die Darstellungsebene wandert in ein separates Frontend, das Daten über die Storefront REST API liest.
### Lassen sich bestehende Twig-Templates weiterverwenden?
Nicht direkt. Twig-Block-Themes rendern innerhalb der Symfony-Anwendung. Ihre Struktur und Design-Entscheidungen sind aber eine wertvolle Referenz, und das Layout-Audit macht daraus meist eine klare Komponentenliste.
### Reicht der Oro-WYSIWYG-Editor für Marketing nicht aus?
Für Landingpages und Content-Blöcke oft schon. Die Lücke liegt bei Commerce-Seiten wie Produktlisten und Produktdetailseiten, deren Struktur über Layouts definiert ist und deren Änderung Entwicklung erfordert.
### Funktionieren B2B-Funktionen wie Kundengruppen-Preise und Angebote weiter?
Sie bleiben in Oro und werden über die API gelesen. Ob eine bestimmte Funktion dargestellt werden kann, hängt von den im Projekt verfügbaren API-Ressourcen ab. Deshalb gehört der API-Check früh in die Planung.
## Fazit
Das Layout-System von OroCommerce gibt Entwicklung präzise Kontrolle, und genau diese Präzision sorgt dafür, dass alltägliche Storefront-Änderungen im Entwicklungs-Backlog landen. Teams, die Oro als B2B-Backend behalten wollen, können die Darstellung in eine Frontend Management Platform verlagern, Marketing visuelle Kontrolle über Commerce-Seiten geben und Entwicklung auf Komponenten und Integrationen statt auf Layout-Patches fokussieren.
### Weitere Themen aus der Laioutr-Plattform
- [Headless Frontend für OroCommerce](https://www.laioutr.com/headless-frontend-for-oro-commerce)
- [Composable Visual Page Builder](https://www.laioutr.com/composable-visual-page-builder)
- [Composable Headless Frontend](https://www.laioutr.com/composable-headless-frontend)
- [Performance und Core Web Vitals](https://www.laioutr.com/product/performance-core-web-vitals)
- [B2B Growth Kit](https://www.laioutr.com/growth-kit/b2b)
---
Diesen Artikel teilen
[Auf Facebook teilen](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.laioutr.com%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck) [Auf X teilen](https://x.com/intent/post?url=https%3A%2F%2Fwww.laioutr.com%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck&text=) [Auf LinkedIn teilen](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.laioutr.com%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck) [Auf Pinterest teilen](https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.laioutr.com%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck&description=) [Per E-Mail teilen](mailto:?subject=&body=%0A%0Ahttps%3A%2F%2Fwww.laioutr.com%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck)
## Weitere Artikel zu Frontend und Headless
Praxiswissen für Frontend-Entwicklung, smarte Agenten und Headless
[Zum Blog](https://www.laioutr.com/blogs/insights)
[Mehrere KI-Agenten, eine Storefront: Koordination ohne Kollision
Wenn mehrere KI-Agenten an derselben Storefront arbeiten, entstehen Konflikte selten zwischen den Ag…](https://www.laioutr.com/blog/frontend-operations-multi-agent-coordination-storefront-2026)
[Agenten am Ergebnis messen: Kennzahlen für Agentic Frontend Management
KI-Agenten im Frontend werden sinnvoll am Ergebnis gemessen, nicht an ihrer Aktivität. Die Zahl der …](https://www.laioutr.com/blog/frontend-operations-measuring-ai-agents-outcomes-2026)
[Execution Gap im Frontend: Erkennen ist billig, Ausrollen teuer
Die Execution Gap im Frontend ist die Zeit und die Zahl der Übergaben zwischen "wir wissen, was…](https://www.laioutr.com/blog/frontend-operations-execution-gap-detect-vs-deploy-2026)
[Eine KI-Schicht für den bestehenden Commerce-Stack ohne Replatforming
Eine KI-Schicht lässt sich in einen bestehenden Commerce-Stack einziehen, ohne das Shopsystem zu ers…](https://www.laioutr.com/blog/frontend-operations-ai-layer-existing-stack-without-replatforming-2026)
[Der versteckte Preis manueller Änderungen in der Storefront
Manuelle Frontend-Änderungen sind die vielen kleinen Eingriffe, die eine Storefront im Alltag am Lau…](https://www.laioutr.com/blog/frontend-operations-hidden-cost-manual-storefront-changes-2026)
[Frontend-Aufgaben für KI-Agenten: Landkarte nach Rolle und Risiko
KI-Agenten sollten im Frontend zuerst die Aufgaben übernehmen, die häufig anfallen, viel Handarbeit …](https://www.laioutr.com/blog/frontend-operations-agent-task-map-role-risk-2026)
[Frontend-Monitoring jenseits von Uptime: Signale für Storefronts
Frontend-Monitoring jenseits von Uptime bedeutet, eine Storefront nicht nur auf Erreichbarkeit zu pr…](https://www.laioutr.com/blog/frontend-operations-monitoring-beyond-uptime-2026)
[Root Cause im Frontend: wenn der Umsatz in der Storefront einbricht
Wenn Umsatz oder Conversion Rate plötzlich fallen, liegt die Ursache häufig nicht im Traffic, im Pri…](https://www.laioutr.com/blog/frontend-operations-root-cause-revenue-drop-storefront-2026)
[Laioutr Academy: das Video-Handbuch für Laioutr ist live
Seit dem 15. Oktober 2026 ist die Laioutr Academy unter academy.laioutr.com live. Sie ist das Benutz…](https://www.laioutr.com/blog/laioutr-academy-launch-video-manual-certification)
[Tailwind + Alpine vs. komponentenbasiertes Frontend für Magento
Hyvä rendert Magento-Seiten serverseitig mit PHP-Templates und Layout-XML, ergänzt Interaktivität üb…](https://www.laioutr.com/blog/tailwind-alpine-magento-vs-component-based-frontend-2026)
[OroCommerce Frontend: raus aus dem Twig- und Layouts-Flaschenhals
Das OroCommerce Frontend ist eine serverseitig gerenderte Storefront aus Symfony-Bundles, OroLayouts…](https://www.laioutr.com/blog/orocommerce-frontend-twig-layouts-bottleneck)
[Ein Magento-Backend, viele Kanäle: Personalisierung in der Praxis
Personalisierung über Web, Mobile und Voice auf einem einzigen Magento-Backend beginnt nicht mit ein…](https://www.laioutr.com/blog/magento-multichannel-personalization-web-mobile-voice-2026)
[Edge-Hosting für Storefronts: Caching, das unter Last hält
Edge-Hosting hält eine Storefront unter Last schnell, wenn die meisten Anfragen den Origin gar nicht…](https://www.laioutr.com/blog/edge-hosting-storefronts-peak-traffic-caching-2026)
[Composable Commerce 2027: Was sich verschoben hat und was kommt
Composable Commerce geht mit einer anderen Agenda ins Jahr 2027 als noch vor zwölf Monaten. Die Arch…](https://www.laioutr.com/blog/composable-commerce-2027-outlook)
[Engagement & Conversion mit KI: Personalisierung am Frontend
KI-gestütztes Engagement und Conversion am Frontend beruhen auf fünf Mechaniken: Segmente legen fest…](https://www.laioutr.com/blog/ai-engagement-conversion-frontend-personalization)
## Apps für die Laioutr Plattform
[Alle Apps ansehen](https://www.laioutr.com/apps)
[](https://www.laioutr.com/apps/shopify)
Laioutr
[Shopify](https://www.laioutr.com/apps/shopify)
Shopify ist eine Commerce-Plattform zum Verkaufen online und im stationären Handel.
[](https://www.laioutr.com/apps/shopware)
Laioutr
[Shopware](https://www.laioutr.com/apps/shopware)
Shopware ist eine flexible E-Commerce-Plattform aus Europa für Produktkataloge und Omnichannel-Commerce.
[](https://www.laioutr.com/apps/adobe-commerce)
Laioutr
[Adobe Commerce](https://www.laioutr.com/apps/adobe-commerce)
Adobe Commerce ist eine Enterprise-Commerce-Plattform für komplexe, globale B2C- und B2B-Szenarien.
Planned
[](https://www.laioutr.com/apps/b2b-sellers)
Laioutr
[B2Bsellers](https://www.laioutr.com/apps/b2b-sellers)
B2B-Suite für Shopware, die den Online-Shop zur professionellen B2B-Commerce-Plattform macht.
Planned
[](https://www.laioutr.com/apps/commerce-layer)
Laioutr
[Commerce Layer](https://www.laioutr.com/apps/commerce-layer)
Commerce Layer ist eine Headless-Commerce-Plattform, um Bestände und Kataloge online verfügbar zu machen.
[](https://www.laioutr.com/apps/commercetools)
Laioutr
[Commercetools](https://www.laioutr.com/apps/commercetools)
Commercetools ist eine SaaS-basierte, headless E-Commerce-Plattform mit weltweitem Einsatz.
[](https://www.laioutr.com/apps/emporix)
Laioutr
[Emporix](https://www.laioutr.com/apps/emporix)
Emporix ist eine composable, API-first Commerce-Plattform für skalierbare B2B- und B2C-Szenarien.
Planned
[](https://www.laioutr.com/apps/hcl-software)
Laioutr
[HCL Software](https://www.laioutr.com/apps/hcl-software)
Enterprise-Suite für digitalen Commerce und Experience mit hoher Konfigurierbarkeit.
Planned
[](https://www.laioutr.com/apps/intershop)
Laioutr
[Intershop](https://www.laioutr.com/apps/intershop)
Enterprise-Commerce-Plattform für komplexe B2B- und B2C-Geschäftsmodelle.
Planned
[](https://www.laioutr.com/apps/magento-2)
Laioutr
[Magento 2](https://www.laioutr.com/apps/magento-2)
Weit verbreitete, erweiterbare Commerce-Plattform für B2C- und B2B-Szenarien.
[](https://www.laioutr.com/apps/oxid-eshop)
Laioutr
[OXID eShop](https://www.laioutr.com/apps/oxid-eshop)
OXID eShop ist eine erweiterbare Commerce-Plattform für komplexe B2B- und B2C-Anforderungen.
Planned
[](https://www.laioutr.com/apps/patchworks)
Laioutr
[Patchworks](https://www.laioutr.com/apps/patchworks)
Patchworks ist eine Low-Code-iPaaS, die E-Commerce, ERP, WMS, 3PL und Marktplätze verbindet.
Planned
[](https://www.laioutr.com/apps/PrestaShop)
Laioutr
[Prestashop](https://www.laioutr.com/apps/PrestaShop)
Open-Source-Commerce-Plattform für kleine und mittlere Händler in Europa und darüber hinaus.
Planned
[](https://www.laioutr.com/apps/saleor)
Laioutr
[Saleor](https://www.laioutr.com/apps/saleor)
Open-Source-, API-first-Commerce-Plattform auf GraphQL-Basis für Custom-Storefronts.
Planned
[](https://www.laioutr.com/apps/salesforce-commerce-cloud)
Laioutr
[Salesforce Commerce Cloud](https://www.laioutr.com/apps/salesforce-commerce-cloud)
Salesforce Commerce Cloud ist eine cloudbasierte Enterprise-Commerce-Plattform für Unternehmen jeder Größe.
Planned
[](https://www.laioutr.com/apps/sap-commerce-cloud)
Laioutr
[SAP Commerce Cloud](https://www.laioutr.com/apps/sap-commerce-cloud)
Enterprise-Commerce-Plattform für komplexe Kataloge, Preismodelle und Omnichannel-Journeys.
Planned
[](https://www.laioutr.com/apps/scayle)
Laioutr
[Scayle](https://www.laioutr.com/apps/scayle)
SCAYLE ist eine Commerce-Engine, mit der Marken und Händler ihr Geschäft skalieren.
Planned
[](https://www.laioutr.com/apps/spryker)
Laioutr
[Spryker](https://www.laioutr.com/apps/spryker)
Composable Commerce-Plattform für anspruchsvolle B2B- und B2C-Geschäftsmodelle.
[](https://www.laioutr.com/apps/sylius)
Laioutr
[Sylius](https://www.laioutr.com/apps/sylius)
Sylius ist ein entwicklerfreundliches E-Commerce-Framework für B2C- und B2B-Shopping-Erlebnisse.
Planned
[](https://www.laioutr.com/apps/vendure)
Laioutr
[Vendure](https://www.laioutr.com/apps/vendure)
Vendure ist eine Headless-Commerce-Plattform für Unternehmen mit komplexen Anforderungen.
Coming Soon
[](https://www.laioutr.com/apps/vtex)
Laioutr
[VTEX](https://www.laioutr.com/apps/vtex)
Cloud-native, composable Commerce-Plattform für B2B und B2C im großen Maßstab.
Planned
[](https://www.laioutr.com/apps/websale)
Laioutr
[Websale](https://www.laioutr.com/apps/websale)
Stabiles, enterprise-taugliches Commerce-Backend für komplexe Handelsumgebungen.
Strategie-Gespräch
## Das Frontend als Steuerebene
Ein Gespräch über Stack, Roadmap und Replatforming-Szenario. Das Ergebnis: ein klares Bild, wie Laioutr passt, was es kostet und wie schnell der Go-live möglich ist.
*"Nach 30 Minuten wussten wir, dass Laioutr unser Replatforming machbar macht."*
*Daniel B., CEO,* [*hygibox.de*](https://hygibox.de)
[Demo buchen](https://www.laioutr.com/contact)
## Structured Data
```json
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://www.laioutr.com/#identity",
"name": "Laioutr",
"legalName": "Laioutr GmbH",
"url": "https://www.laioutr.com/",
"logo": {
"@type": "ImageObject",
"url": "https://www.laioutr.com/laioutr-logo.png",
"width": 400,
"height": 400
},
"email": "info@laioutr.com",
"telephone": "+49 30 75435715",
"address": {
"@type": "PostalAddress",
"streetAddress": "Münchweilersteig 5",
"postalCode": "12559",
"addressLocality": "Berlin",
"addressCountry": "DE"
},
"vatID": "DE450905846",
"sameAs": [
"https://www.linkedin.com/company/laioutr",
"https://www.youtube.com/@Laioutr",
"https://x.com/laioutr"
]
},
{
"@type": "WebSite",
"@id": "https://www.laioutr.com/#website",
"url": "https://www.laioutr.com/",
"name": "Laioutr",
"inLanguage": "de",
"publisher": {
"@id": "https://www.laioutr.com/#identity"
}
},
{
"@type": "BlogPosting",
"@id": "https://www.laioutr.com/blog/orocommerce-frontend-twig-layouts-bottleneck#article",
"headline": "OroCommerce Frontend: raus aus dem Twig- und Layouts-Flaschenhals",
"description": "OroCommerce-Storefronts laufen über YAML-Layout-Updates, Twig-Block-Themes und SCSS-Builds. So behalten B2B-Teams die Oro-Logik und Marketing editiert visuell.",
"image": [
"https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmvaiaoklw8v106leu2sxv7k9"
],
"datePublished": "2026-10-16T18:06:51.136271+00:00",
"dateModified": "2026-10-16T18:06:33.505621+00:00",
"inLanguage": "de",
"articleSection": "Insights",
"keywords": "Composable, Visual Editing, Frontend Engineering, OroCommerce",
"author": {
"@id": "https://www.laioutr.com/#identity"
},
"publisher": {
"@id": "https://www.laioutr.com/#identity"
},
"mainEntityOfPage": {
"@id": "https://www.laioutr.com/blog/orocommerce-frontend-twig-layouts-bottleneck#webpage"
},
"isPartOf": {
"@id": "https://www.laioutr.com/#website"
}
},
{
"@type": "WebPage",
"@id": "https://www.laioutr.com/blog/orocommerce-frontend-twig-layouts-bottleneck#webpage",
"url": "https://www.laioutr.com/blog/orocommerce-frontend-twig-layouts-bottleneck",
"name": "OroCommerce Frontend: raus aus dem Twig- und Layouts-Flaschenhals",
"description": "OroCommerce-Storefronts laufen über YAML-Layout-Updates, Twig-Block-Themes und SCSS-Builds. So behalten B2B-Teams die Oro-Logik und Marketing editiert visuell.",
"inLanguage": "de",
"isPartOf": {
"@id": "https://www.laioutr.com/#website"
},
"breadcrumb": {
"@id": "https://www.laioutr.com/blog/orocommerce-frontend-twig-layouts-bottleneck#breadcrumb"
},
"primaryImageOfPage": {
"@type": "ImageObject",
"url": "https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmvaiaoklw8v106leu2sxv7k9"
},
"datePublished": "2026-10-16T18:06:51.136271+00:00",
"dateModified": "2026-10-16T18:06:33.505621+00:00",
"mainEntity": {
"@id": "https://www.laioutr.com/blog/orocommerce-frontend-twig-layouts-bottleneck#article"
}
},
{
"@type": "BreadcrumbList",
"@id": "https://www.laioutr.com/blog/orocommerce-frontend-twig-layouts-bottleneck#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Laioutr",
"item": "https://www.laioutr.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Insights",
"item": "https://www.laioutr.com/blogs/insights"
},
{
"@type": "ListItem",
"position": 3,
"name": "OroCommerce Frontend: raus aus dem Twig- und Layouts-Flaschenhals"
}
]
}
]
}
```