---
title: "Frontend OroCommerce : au-delà du goulot Twig et Layouts"
canonical_url: "https://www.laioutr.com/fr/blog/orocommerce-frontend-twig-layouts-bottleneck"
locale: fr
meta:
description: "Le theming OroCommerce repose sur des layout updates YAML, des block themes Twig et des builds SCSS. Garder la logique B2B d'Oro et éditer les pages visuellement."
"og:description": "Le theming OroCommerce repose sur des layout updates YAML, des block themes Twig et des builds SCSS. Garder la logique B2B d'Oro et éditer les pages visuellement."
"og:title": "Frontend OroCommerce : au-delà du goulot Twig et Layouts"
---
# Frontend OroCommerce : sortir du goulot Twig et Layouts
Sommaire
1. [1.Comment la storefront OroCommerce est construite](#comment-la-storefront-orocommerce-est-construite)
2. 2.Où se forme le goulot d'étranglement au quotidien
3. 3.Ce que le marketing peut déjà faire dans Oro, et où cela s'arrête
4. 4.Garder la logique B2B d'Oro, déplacer la présentation
5. 5.Ce qui change pour les équipes de développement
6. [6.Un chemin pratique de la layout update au composant](#un-chemin-pratique-de-la-layout-update-au-composant)
7. [7.FAQ](#faq)
8. [8.Conclusion](#conclusion)
1. [1.Comment la storefront OroCommerce est construite](#comment-la-storefront-orocommerce-est-construite)
2. 2.Où se forme le goulot d'étranglement au quotidien
3. 3.Ce que le marketing peut déjà faire dans Oro, et où cela s'arrête
4. 4.Garder la logique B2B d'Oro, déplacer la présentation
5. 5.Ce qui change pour les équipes de développement
6. [6.Un chemin pratique de la layout update au composant](#un-chemin-pratique-de-la-layout-update-au-composant)
7. [7.FAQ](#faq)
8. [8.Conclusion](#conclusion)
Le frontend OroCommerce est une storefront rendue côté serveur, construite à partir de bundles Symfony, d'OroLayouts et de block themes Twig, et la plupart des changements visibles passent par un développeur, une layout update YAML et un build du thème. Les équipes qui veulent aller plus vite n'ont pas besoin d'abandonner Oro : la logique B2B reste dans le backend, tandis qu'une couche frontend distincte prend en charge la présentation et permet au marketing de composer les pages visuellement. Cet article montre d'où vient réellement l'effort de theming et comment le découpler étape par étape.
## Comment la storefront OroCommerce est construite
OroCommerce est une application Symfony, et le [quick start storefront de la documentation officielle d'Oro](https://doc.oroinc.com/6.1/frontend/storefront/quick-start/) indique clairement que tout le code de la storefront est organisé en bundles. Chaque page est décrite par un layout : un arbre de blocs, chacun avec un type et des options. Cet arbre ne se modifie pas dans un fichier de template, mais au moyen de layout updates, des fichiers YAML avec des actions comme `@add`, `@move`, `@remove`, `@setOption` et `@setBlockTheme`. Pour cibler une seule page, la mise à jour se place dans un dossier portant le nom de la route Symfony, par exemple `oro_product_frontend_product_view`.
Le rendu se fait en Twig. Chaque bloc correspond à un bloc Twig. Modifier son markup implique de trouver le bon bloc avec le Twig Inspector, de le surcharger au même chemin dans un bundle personnalisé, puis de rattacher le nouveau block theme via une layout update. Le style est en SCSS, déclaré par thème dans `assets.yml` et compilé par un build npm qui reçoit le nom du thème en paramètre.
Les thèmes héritent les uns des autres. Selon la [documentation de theming d'Oro](https://doc.oroinc.com/6.1/frontend/storefront/theming/), un thème personnalisé déclare un parent dans `theme.yml`, généralement le thème par défaut, afin de ne pas toucher aux fichiers du core.
Cette architecture est volontaire et puissante, car elle permet de modifier presque toute la storefront sans forker le core. La contrepartie : le travail frontend quotidien exige un large éventail de compétences, PHP et Symfony, YAML, Twig, SCSS, builds npm et le Symfony Profiler pour déboguer l'arbre de layout.
## Où se forme le goulot d'étranglement au quotidien
Le système de layouts a été conçu pour les développeurs, et c'est là que les frictions apparaissent quand une storefront B2B grandit. Une demande typique du commercial ou du marketing, par exemple un nouveau teaser au-dessus de la liste de produits pour un groupe de clients, suit un chemin prévisible :
1. Le marketing décrit le changement dans un ticket, souvent avec une capture d'écran.
2. Un développeur repère les blocs concernés dans l'arbre de layout de la bonne route.
3. Une layout update YAML est écrite ou étendue, et un block theme Twig si le markup change.
4. Le SCSS est ajusté et les assets du thème sont reconstruits.
5. Le changement passe par la revue, le staging et le déploiement comme tout autre code.
6. Le marketing vérifie le résultat et demande assez souvent une seconde itération.
Ensemble, ces étapes transforment de petits changements de contenu et de mise en page en tâches de développement qui entrent en concurrence avec l'intégration, les interfaces ERP et la logique de prix. Les demandes frontend passent alors après.
Un second effet est la concentration du savoir. Les layout updates sont réparties sur de nombreux bundles, et la page effective n'est visible qu'à l'exécution. Les équipes qui confient le développement frontend OroCommerce à une agence OroCommerce externe constatent souvent que peu de personnes peuvent prévoir l'effet d'un changement de layout. Ce n'est pas une faiblesse d'Oro, mais la conséquence naturelle d'un modèle de theming flexible et fondé sur l'héritage, appliqué pendant des années.
## Ce que le marketing peut déjà faire dans Oro, et où cela s'arrête
Affirmer qu'OroCommerce n'a pas d'éditeur pour le marketing serait faux. Le [champ WYSIWYG documenté par Oro](https://doc.oroinc.com/6.1/bundles/commerce/CMSBundle/WYSIWYG-field/) repose sur GrapesJS et sert par défaut aux landing pages et aux content blocks. Les équipes contenu peuvent créer des pages CMS et placer des blocs de contenu sans toucher à Twig.
La limite, ce sont les pages commerce elles-mêmes. Pages produit, listes de produits, listes d'achat et checkout sont définis par des layouts et des block themes. Réorganiser des sections, ajouter un nouveau type de composant ou créer une variante pour un groupe de clients reste une modification de code. En pratique, le marketing dispose d'un éditeur visuel pour les zones de contenu, tandis que les pages qui portent le chiffre d'affaires B2B restent le terrain des développeurs.
| Type de changement | Storefront Oro native | Couche frontend sur l'API Oro |
| --- | --- | --- |
| Landing page ou content block | Éditeur WYSIWYG (GrapesJS) | Édition visuelle dans Studio |
| Réorganiser les sections d'une page produit | Layout update YAML, déploiement | Glisser-déposer dans Studio, publication |
| Nouveau type de composant | Type de bloc, block theme Twig, SCSS | Nouveau composant dans la bibliothèque commune, réutilisable partout |
| Variante pour un groupe de clients | Condition de layout ou code spécifique | Variante de page composée visuellement, données issues d'Oro |
| Style sur plusieurs marques ou sites | Thème enfant par site, build des assets | Design tokens et composants partagés |
| Logique B2B (prix, devis, comptes) | Reste dans Oro | Reste dans Oro, lue via l'API |
## Garder la logique B2B d'Oro, déplacer la présentation
Pour la plupart des clients Oro, le point décisif est que le backend n'est pas le problème. Hiérarchies de clients, listes de prix par groupe, demandes de devis, listes d'achat et configurations multi-sites sont précisément les raisons du choix d'OroCommerce. Une modernisation du frontend ne devrait rien y changer.
Oro prend en charge cette séparation. La [Storefront REST API](https://doc.oroinc.com/6.1/backend/api/storefront/) expose les ressources de la storefront en HTTP, avec une sandbox d'exploration et une API invité optionnelle pour les visiteurs anonymes. La storefront peut ainsi être rendue en dehors de l'application Symfony, Oro restant le système de référence.
C'est là qu'intervient Laioutr en tant que Frontend Management Platform. Le [Composable Headless Frontend](https://www.laioutr.com/fr/composable-headless-frontend) fonctionne comme une application Nuxt devant OroCommerce et lit catalogue, prix, panier et données de compte via l'API. Orchestr normalise ces données dans un modèle unique, de sorte que les composants ne dépendent pas des structures de réponse propres à Oro. La page [frontend headless pour OroCommerce](https://www.laioutr.com/fr/headless-frontend-for-oro-commerce) décrit les fonctions B2B qui peuvent être rendues de cette manière, à condition que les ressources API correspondantes soient disponibles dans le projet.
Sur cette couche, le marketing travaille dans le [Composable Visual Page Builder](https://www.laioutr.com/fr/composable-visual-page-builder). Les développeurs définissent une fois les composants et les garde-fous, le marketing compose à partir d'eux les pages produit, catégorie et campagne, puis publie sans déploiement. Laioutr indique un time-to-launch environ 65 % plus court pour les nouvelles landing pages par rapport à une configuration headless classique.
## Ce qui change pour les équipes de développement
Déplacer la présentation ne retire pas les développeurs du frontend. Cela change la manière dont leur temps est utilisé.
- **Des composants plutôt que des patchs de layout.** Au lieu de maintenir des updates YAML par route, les développeurs créent des composants réutilisables en Vue et Nuxt. Laioutr fournit 70+ composants comme point de départ.
- **Un seul modèle de données.** Les composants consomment des données normalisées. Si le paysage backend évolue, la bibliothèque de composants reste. Laioutr se connecte à 50+ backends.
- **Moins de builds par changement.** Les changements de contenu et de mise en page ne déclenchent plus de build de thème ni de déploiement.
- **Des responsabilités claires.** Les développeurs Oro se concentrent sur les prix, les workflows et les intégrations, les développeurs frontend sur les composants et la performance, le marketing sur les pages.
- **La performance comme propriété de la plateforme.** Les Core Web Vitals sont traités dans la couche elle-même, comme le décrit la page [Performance et Core Web Vitals](https://www.laioutr.com/fr/product/performance-core-web-vitals).
L' [approche par phases pour remplacer le frontend OroCommerce](https://www.laioutr.com/fr/blog/oro-commerce-replatforming-headless-frontend) montre comment les groupes de routes migrent un par un, chacun avec un chemin de retour arrière. Pour une comparaison plus large entre thème par défaut, développement spécifique et plateforme frontend, voir la [comparaison des options de frontend headless pour OroCommerce](https://www.laioutr.com/fr/blog/oro-commerce-headless-frontend-options-compared).
## Un chemin pratique de la layout update au composant
Un bon point de départ est un audit des layout updates et block themes existants, qui sépare présentation, règles métier et contournements.
1. **Inventaire.** Lister les bundles personnalisés, les layout updates par route et les block themes Twig surchargés.
2. **Classification.** Marquer chaque élément comme présentation, logique métier ou contournement.
3. **Correspondance avec des composants.** Les éléments de présentation deviennent des candidats composants avec des props claires.
4. **Vérification de l'API.** S'assurer que chaque donnée nécessaire est exposée par la storefront API et planifier les extensions dans Oro si besoin.
5. **Routes de contenu d'abord.** Landing pages et pages d'entrée de catégorie constituent un démarrage à faible risque.
6. **Puis pages produit et listes.** Une fois la bibliothèque stable, les pages à fort trafic suivent.
7. **Logique de checkout dans Oro.** Checkout et devis migrent en dernier, et seulement si chaque règle est couverte par l'API.
## FAQ
### Un frontend headless remplace-t-il OroCommerce ?
Non. OroCommerce reste le backend pour le catalogue, les prix, les clients, les devis et les commandes. Seule la couche de présentation passe dans un frontend séparé qui lit les données via la Storefront REST API.
### Les templates Twig existants sont-ils réutilisables ?
Pas directement. Les block themes Twig sont rendus dans l'application Symfony. Leur structure reste toutefois une référence utile pour définir les composants.
### L'éditeur WYSIWYG d'Oro ne suffit-il pas au marketing ?
Pour les landing pages et les content blocks, souvent oui. Le manque concerne les pages commerce comme les listes et fiches produit, dont la structure est définie par des layouts et dont la modification exige du développement.
### Les fonctions B2B comme les prix par groupe et les devis fonctionnent-elles toujours ?
Elles restent dans Oro et sont lues via l'API. La possibilité de rendre une fonction précise dépend des ressources API disponibles dans le projet, c'est pourquoi la vérification de l'API intervient tôt dans la planification.
## Conclusion
Le système de layouts d'OroCommerce offre aux développeurs un contrôle précis, et c'est justement cette précision qui envoie les changements courants de la storefront dans le backlog de développement. Les équipes qui veulent garder Oro comme backend B2B peuvent déplacer la présentation dans une Frontend Management Platform, donner au marketing le contrôle visuel des pages commerce et recentrer les développeurs sur les composants et les intégrations plutôt que sur les patchs de layout.
### Plus de sujets autour de la plateforme Laioutr
- [Frontend headless pour OroCommerce](https://www.laioutr.com/fr/headless-frontend-for-oro-commerce)
- [Composable Visual Page Builder](https://www.laioutr.com/fr/composable-visual-page-builder)
- [Composable Headless Frontend](https://www.laioutr.com/fr/composable-headless-frontend)
- [Performance et Core Web Vitals](https://www.laioutr.com/fr/product/performance-core-web-vitals)
---
Partager cet article
[Partager sur Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.laioutr.com%2Ffr%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck) [Partager sur X](https://x.com/intent/post?url=https%3A%2F%2Fwww.laioutr.com%2Ffr%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck&text=) [Partager sur LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.laioutr.com%2Ffr%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck) [Partager sur Pinterest](https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.laioutr.com%2Ffr%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck&description=) [Partager par e-mail](mailto:?subject=&body=%0A%0Ahttps%3A%2F%2Fwww.laioutr.com%2Ffr%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck)
## D'autres articles sur le frontend et le headless
Un savoir-faire concret pour le développement frontend, les agents intelligents et le headless
[Vers le blog](https://www.laioutr.com/fr/blogs/insights)
[Plusieurs agents IA, un seul storefront : coordonner sans collision
Lorsque plusieurs agents IA travaillent sur le même storefront, les conflits naissent rarement entre…](https://www.laioutr.com/fr/blog/frontend-operations-multi-agent-coordination-storefront-2026)
[Mesurer les agents IA au résultat : les indicateurs du frontend
Les agents IA du frontend se mesurent au résultat, pas à leur activité. Le nombre de prompts, de tex…](https://www.laioutr.com/fr/blog/frontend-operations-measuring-ai-agents-outcomes-2026)
[Execution gap frontend : détecter coûte peu, déployer coûte cher
L'execution gap dans le frontend désigne le temps, et le nombre de passages de relais, entre &qu…](https://www.laioutr.com/fr/blog/frontend-operations-execution-gap-detect-vs-deploy-2026)
[Une couche IA pour la stack commerce existante, sans replatforming
Une couche IA peut s'ajouter à une stack commerce existante sans remplacer la solution e-commerc…](https://www.laioutr.com/fr/blog/frontend-operations-ai-layer-existing-stack-without-replatforming-2026)
[Le coût caché des modifications manuelles de la storefront
Les modifications manuelles du front sont les nombreuses petites interventions qui font tourner une …](https://www.laioutr.com/fr/blog/frontend-operations-hidden-cost-manual-storefront-changes-2026)
[Tâches frontend à confier aux agents IA : une carte par rôle et risque
Les agents IA devraient d'abord prendre en charge les tâches frontend fréquentes, coûteuses en t…](https://www.laioutr.com/fr/blog/frontend-operations-agent-task-map-role-risk-2026)
[Monitoring frontend au-delà de l'uptime : les signaux utiles
Le monitoring frontend au-delà de l'uptime consiste à vérifier une storefront non seulement sur …](https://www.laioutr.com/fr/blog/frontend-operations-monitoring-beyond-uptime-2026)
[Cause racine frontend : quand la baisse de CA vient du storefront
Lorsque le chiffre d'affaires ou le taux de conversion chute brutalement, la cause ne se situe s…](https://www.laioutr.com/fr/blog/frontend-operations-root-cause-revenue-drop-storefront-2026)
[La Laioutr Academy est en ligne : le manuel vidéo de Laioutr
Depuis le 15 octobre 2026, la Laioutr Academy est en ligne sur academy.laioutr.com. C'est le man…](https://www.laioutr.com/fr/blog/laioutr-academy-launch-video-manual-certification)
[Tailwind + Alpine ou frontend à composants pour Magento
Hyvä génère les pages Magento côté serveur avec des templates PHP et du layout XML, ajoute l'int…](https://www.laioutr.com/fr/blog/tailwind-alpine-magento-vs-component-based-frontend-2026)
[Frontend OroCommerce : sortir du goulot Twig et Layouts
Le frontend OroCommerce est une storefront rendue côté serveur, construite à partir de bundles Symfo…](https://www.laioutr.com/fr/blog/orocommerce-frontend-twig-layouts-bottleneck)
[Un backend Magento, plusieurs canaux : la personnalisation
La personnalisation sur le web, le mobile et la voix avec un seul backend Magento ne commence pas pa…](https://www.laioutr.com/fr/blog/magento-multichannel-personalization-web-mobile-voice-2026)
[Edge hosting pour storefronts : un cache qui tient sous la charge
L'edge hosting garde une storefront rapide sous la charge lorsque la plupart des requêtes n'…](https://www.laioutr.com/fr/blog/edge-hosting-storefronts-peak-traffic-caching-2026)
[Composable Commerce 2027 : ce qui a changé et ce qui arrive
Le composable commerce aborde 2027 avec un agenda différent de celui d'il y a un an. La question…](https://www.laioutr.com/fr/blog/composable-commerce-2027-outlook)
[Engagement et conversion par l'IA : la personnalisation frontend
L'engagement et la conversion pilotés par l'IA côté frontend reposent sur cinq mécaniques : …](https://www.laioutr.com/fr/blog/ai-engagement-conversion-frontend-personalization)
## Apps pour la plateforme Laioutr
[Voir toutes les apps](https://www.laioutr.com/fr/apps)
[](https://www.laioutr.com/fr/apps/shopify)
Laioutr
[Shopify](https://www.laioutr.com/fr/apps/shopify)
Shopify est une plateforme de commerce pour vendre en ligne et en magasin.
[](https://www.laioutr.com/fr/apps/shopware)
Laioutr
[Shopware](https://www.laioutr.com/fr/apps/shopware)
Shopware est une plateforme e-commerce européenne et flexible pour les catalogues produits et le commerce omnicanal.
[](https://www.laioutr.com/fr/apps/adobe-commerce)
Laioutr
[Adobe Commerce](https://www.laioutr.com/fr/apps/adobe-commerce)
Adobe Commerce est une plateforme de commerce enterprise pour des scénarios B2C et B2B complexes et internationaux.
Planned
[](https://www.laioutr.com/fr/apps/b2b-sellers)
Laioutr
[B2Bsellers](https://www.laioutr.com/fr/apps/b2b-sellers)
Suite B2B pour Shopware qui transforme la boutique en ligne en plateforme de commerce B2B professionnelle.
Planned
[](https://www.laioutr.com/fr/apps/commerce-layer)
Laioutr
[Commerce Layer](https://www.laioutr.com/fr/apps/commerce-layer)
Commerce Layer est une plateforme de commerce headless pour rendre stocks et catalogues disponibles en ligne.
[](https://www.laioutr.com/fr/apps/commercetools)
Laioutr
[Commercetools](https://www.laioutr.com/fr/apps/commercetools)
Commercetools est une plateforme e-commerce headless en mode SaaS, utilisée dans le monde entier.
[](https://www.laioutr.com/fr/apps/emporix)
Laioutr
[Emporix](https://www.laioutr.com/fr/apps/emporix)
Emporix est une plateforme de commerce composable et API-first pour des scénarios B2B et B2C évolutifs.
Planned
[](https://www.laioutr.com/fr/apps/hcl-software)
Laioutr
[HCL Software](https://www.laioutr.com/fr/apps/hcl-software)
Suite enterprise pour le commerce et l'expérience digitale, hautement configurable.
Planned
[](https://www.laioutr.com/fr/apps/intershop)
Laioutr
[Intershop](https://www.laioutr.com/fr/apps/intershop)
Plateforme de commerce enterprise pour des modèles économiques B2B et B2C complexes.
Planned
[](https://www.laioutr.com/fr/apps/magento-2)
Laioutr
[Magento 2](https://www.laioutr.com/fr/apps/magento-2)
Plateforme de commerce extensible et largement répandue pour les scénarios B2C et B2B.
[](https://www.laioutr.com/fr/apps/oxid-eshop)
Laioutr
[OXID eShop](https://www.laioutr.com/fr/apps/oxid-eshop)
OXID eShop est une plateforme de commerce extensible pour les exigences B2B et B2C complexes.
Planned
[](https://www.laioutr.com/fr/apps/patchworks)
Laioutr
[Patchworks](https://www.laioutr.com/fr/apps/patchworks)
Patchworks est une iPaaS low-code qui connecte e-commerce, ERP, WMS, 3PL et marketplaces.
Planned
[](https://www.laioutr.com/fr/apps/PrestaShop)
Laioutr
[Prestashop](https://www.laioutr.com/fr/apps/PrestaShop)
Plateforme de commerce open source pour les petits et moyens commerçants en Europe et au-delà.
Planned
[](https://www.laioutr.com/fr/apps/saleor)
Laioutr
[Saleor](https://www.laioutr.com/fr/apps/saleor)
Plateforme de commerce open source et API-first basée sur GraphQL pour des storefronts sur mesure.
Planned
[](https://www.laioutr.com/fr/apps/salesforce-commerce-cloud)
Laioutr
[Salesforce Commerce Cloud](https://www.laioutr.com/fr/apps/salesforce-commerce-cloud)
Salesforce Commerce Cloud est une plateforme de commerce cloud de niveau enterprise pour les entreprises de toutes tailles.
Planned
[](https://www.laioutr.com/fr/apps/sap-commerce-cloud)
Laioutr
[SAP Commerce Cloud](https://www.laioutr.com/fr/apps/sap-commerce-cloud)
Plateforme de commerce enterprise pour les catalogues complexes, les modèles de prix et les parcours omnicanaux.
Planned
[](https://www.laioutr.com/fr/apps/scayle)
Laioutr
[Scayle](https://www.laioutr.com/fr/apps/scayle)
SCAYLE est un moteur de commerce qui permet aux marques et aux commerçants de développer leur activité à grande échelle.
Planned
[](https://www.laioutr.com/fr/apps/spryker)
Laioutr
[Spryker](https://www.laioutr.com/fr/apps/spryker)
Plateforme de commerce composable pour des modèles économiques B2B et B2C exigeants.
[](https://www.laioutr.com/fr/apps/sylius)
Laioutr
[Sylius](https://www.laioutr.com/fr/apps/sylius)
Sylius est un framework e-commerce pensé pour les développeurs, dédié aux expériences d'achat B2C et B2B.
Planned
[](https://www.laioutr.com/fr/apps/vendure)
Laioutr
[Vendure](https://www.laioutr.com/fr/apps/vendure)
Vendure est une plateforme de commerce headless pour les entreprises aux exigences complexes.
Coming Soon
[](https://www.laioutr.com/fr/apps/vtex)
Laioutr
[VTEX](https://www.laioutr.com/fr/apps/vtex)
Plateforme de commerce cloud-native et composable pour le B2B et le B2C à grande échelle.
Planned
[](https://www.laioutr.com/fr/apps/websale)
Laioutr
[Websale](https://www.laioutr.com/fr/apps/websale)
Backend de commerce stable et de niveau enterprise pour des environnements de vente complexes.
Entretien stratégique
## Le frontend comme couche de pilotage
Un échange sur la stack, la roadmap et le scénario de replatforming. Le résultat : une vision claire de la manière dont Laioutr s'intègre, de son coût et du délai de mise en production.
*« Après 30 minutes, nous savions que Laioutr rendait notre replatforming réalisable. »*
*Daniel B., CEO,* [*hygibox.de*](https://hygibox.de)
[Réserver une démo](https://www.laioutr.com/fr/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/fr/#website",
"url": "https://www.laioutr.com/fr/",
"name": "Laioutr",
"inLanguage": "fr",
"publisher": {
"@id": "https://www.laioutr.com/#identity"
}
},
{
"@type": "BlogPosting",
"@id": "https://www.laioutr.com/fr/blog/orocommerce-frontend-twig-layouts-bottleneck#article",
"headline": "Frontend OroCommerce : sortir du goulot Twig et Layouts",
"description": "Le theming OroCommerce repose sur des layout updates YAML, des block themes Twig et des builds SCSS. Garder la logique B2B d'Oro et éditer les pages visuellement.",
"image": [
"https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmvaiaokmw8v306lekgmesgxa"
],
"datePublished": "2026-10-16T18:06:51.136271+00:00",
"dateModified": "2026-10-16T18:06:33.505621+00:00",
"inLanguage": "fr",
"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/fr/blog/orocommerce-frontend-twig-layouts-bottleneck#webpage"
},
"isPartOf": {
"@id": "https://www.laioutr.com/fr/#website"
}
},
{
"@type": "WebPage",
"@id": "https://www.laioutr.com/fr/blog/orocommerce-frontend-twig-layouts-bottleneck#webpage",
"url": "https://www.laioutr.com/fr/blog/orocommerce-frontend-twig-layouts-bottleneck",
"name": "Frontend OroCommerce : sortir du goulot Twig et Layouts",
"description": "Le theming OroCommerce repose sur des layout updates YAML, des block themes Twig et des builds SCSS. Garder la logique B2B d'Oro et éditer les pages visuellement.",
"inLanguage": "fr",
"isPartOf": {
"@id": "https://www.laioutr.com/fr/#website"
},
"breadcrumb": {
"@id": "https://www.laioutr.com/fr/blog/orocommerce-frontend-twig-layouts-bottleneck#breadcrumb"
},
"primaryImageOfPage": {
"@type": "ImageObject",
"url": "https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmvaiaokmw8v306lekgmesgxa"
},
"datePublished": "2026-10-16T18:06:51.136271+00:00",
"dateModified": "2026-10-16T18:06:33.505621+00:00",
"mainEntity": {
"@id": "https://www.laioutr.com/fr/blog/orocommerce-frontend-twig-layouts-bottleneck#article"
}
},
{
"@type": "BreadcrumbList",
"@id": "https://www.laioutr.com/fr/blog/orocommerce-frontend-twig-layouts-bottleneck#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Laioutr",
"item": "https://www.laioutr.com/fr/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Insights",
"item": "https://www.laioutr.com/fr/blogs/insights"
},
{
"@type": "ListItem",
"position": 3,
"name": "Frontend OroCommerce : sortir du goulot Twig et Layouts"
}
]
}
]
}
```