---
title: "Frontend OroCommerce: oltre il collo di bottiglia Twig"
canonical_url: "https://www.laioutr.com/it/blog/orocommerce-frontend-twig-layouts-bottleneck"
locale: it
meta:
description: "Theming OroCommerce: layout update YAML, block theme Twig e build SCSS. Come i team B2B mantengono la logica Oro e il marketing modifica le pagine a vista."
"og:description": "Theming OroCommerce: layout update YAML, block theme Twig e build SCSS. Come i team B2B mantengono la logica Oro e il marketing modifica le pagine a vista."
"og:title": "Frontend OroCommerce: oltre il collo di bottiglia Twig"
---
# Frontend OroCommerce: uscire dal collo di bottiglia Twig
Indice
1. [1.Come è costruita la storefront OroCommerce](#come-costruita-la-storefront-orocommerce)
2. [2.Dove si forma il collo di bottiglia nel lavoro quotidiano](#dove-si-forma-il-collo-di-bottiglia-nel-lavoro-quotidiano)
3. [3.Cosa può già fare il marketing in Oro, e dove si ferma](#cosa-pu-gi-fare-il-marketing-in-oro-e-dove-si-ferma)
4. [4.Mantenere la logica B2B di Oro, spostare la presentazione](#mantenere-la-logica-b2b-di-oro-spostare-la-presentazione)
5. [5.Cosa cambia per i team di sviluppo](#cosa-cambia-per-i-team-di-sviluppo)
6. [6.Un percorso pratico dal layout update al componente](#un-percorso-pratico-dal-layout-update-al-componente)
7. [7.FAQ](#faq)
8. [8.Conclusione](#conclusione)
1. [1.Come è costruita la storefront OroCommerce](#come-costruita-la-storefront-orocommerce)
2. [2.Dove si forma il collo di bottiglia nel lavoro quotidiano](#dove-si-forma-il-collo-di-bottiglia-nel-lavoro-quotidiano)
3. [3.Cosa può già fare il marketing in Oro, e dove si ferma](#cosa-pu-gi-fare-il-marketing-in-oro-e-dove-si-ferma)
4. [4.Mantenere la logica B2B di Oro, spostare la presentazione](#mantenere-la-logica-b2b-di-oro-spostare-la-presentazione)
5. [5.Cosa cambia per i team di sviluppo](#cosa-cambia-per-i-team-di-sviluppo)
6. [6.Un percorso pratico dal layout update al componente](#un-percorso-pratico-dal-layout-update-al-componente)
7. [7.FAQ](#faq)
8. [8.Conclusione](#conclusione)
Il frontend OroCommerce è una storefront renderizzata lato server, costruita con bundle Symfony, OroLayouts e block theme Twig, e quasi ogni modifica visibile passa da uno sviluppatore, un layout update YAML e una build del tema. I team che vogliono accelerare non devono rinunciare a Oro: la logica B2B resta nel backend, mentre un livello frontend separato gestisce la presentazione e consente al marketing di comporre le pagine in modo visuale. Questo articolo mostra da dove nasce davvero lo sforzo di theming e come disaccoppiarlo passo dopo passo.
## Come è costruita la storefront OroCommerce
OroCommerce è un'applicazione Symfony, e il [quick start della storefront nella documentazione ufficiale di Oro](https://doc.oroinc.com/6.1/frontend/storefront/quick-start/) chiarisce che tutto il codice della storefront è organizzato in bundle. Ogni pagina è descritta da un layout: un albero di blocchi, ciascuno con un tipo e delle opzioni. Quest'albero non si modifica in un file di template, ma tramite layout update, cioè file YAML con azioni come `@add`, `@move`, `@remove`, `@setOption` e `@setBlockTheme`. Per agire su una sola pagina, l'update si trova in una cartella con il nome della route Symfony, per esempio `oro_product_frontend_product_view`.
Il rendering avviene in Twig. Ogni blocco corrisponde a un blocco Twig. Per cambiarne il markup occorre individuare il blocco giusto con il Twig Inspector, sovrascriverlo nello stesso percorso all'interno di un bundle personalizzato e collegare il nuovo block theme con un layout update. Lo stile è SCSS, dichiarato per tema in `assets.yml` e compilato con una build npm che riceve il nome del tema come parametro.
I temi ereditano l'uno dall'altro. Secondo la [documentazione di theming di Oro](https://doc.oroinc.com/6.1/frontend/storefront/theming/), un tema personalizzato dichiara un tema padre in `theme.yml`, di solito il tema predefinito, così i file del core restano intatti. Alcune opzioni possono essere rese disponibili nel back-office come configurazione del tema, offrendo agli amministratori qualche impostazione senza codice.
Questa architettura è voluta e potente. Permette agli integratori di modificare quasi ogni parte della storefront senza fare fork del core e mantiene gestibili gli aggiornamenti. Il prezzo è un set di competenze ampio per il lavoro frontend quotidiano: PHP e Symfony, YAML, Twig, SCSS, build npm e il Symfony Profiler per il debug dell'albero di layout.
## Dove si forma il collo di bottiglia nel lavoro quotidiano
Il sistema di layout è stato pensato per gli sviluppatori, ed è lì che nasce l'attrito quando una storefront B2B cresce. Una richiesta tipica di vendite o marketing, per esempio un nuovo teaser sopra l'elenco prodotti per un gruppo di clienti, segue un percorso prevedibile:
1. Il marketing descrive la modifica in un ticket, spesso con uno screenshot.
2. Uno sviluppatore individua i blocchi interessati nell'albero di layout della route giusta.
3. Si scrive o si estende un layout update YAML e, se cambia il markup, un block theme Twig.
4. Si adatta lo SCSS e si ricostruiscono gli asset del tema.
5. La modifica passa per review, staging e deployment come qualsiasi altro codice.
6. Il marketing verifica il risultato e non di rado chiede un secondo giro.
Insieme, questi passaggi trasformano piccole modifiche di contenuto e layout in attività di sviluppo che competono con integrazioni, interfacce ERP e logica dei prezzi. Nei progetti B2B, spesso le stesse persone gestiscono listini per cliente, processi di offerta e gerarchie di account. Le richieste frontend finiscono in coda.
Un secondo effetto è la concentrazione delle conoscenze. I layout update sono distribuiti su molti bundle e la pagina effettiva è visibile solo a runtime. I team che affidano lo sviluppo frontend OroCommerce a un'agenzia OroCommerce esterna scoprono spesso che solo poche persone sanno prevedere l'effetto di una modifica al layout. Non è un difetto di Oro, ma la conseguenza naturale di un modello di theming flessibile e basato sull'ereditarietà, applicato per anni.
## Cosa può già fare il marketing in Oro, e dove si ferma
Sostenere che OroCommerce non abbia un editor per il marketing sarebbe sbagliato. Il [campo WYSIWYG documentato da Oro](https://doc.oroinc.com/6.1/bundles/commerce/CMSBundle/WYSIWYG-field/) si basa su GrapesJS ed è usato di default per landing page e content block. I team di contenuto possono creare pagine CMS e posizionare blocchi di contenuto senza toccare Twig.
Il limite sono le pagine commerce. Schede prodotto, elenchi prodotti, liste d'acquisto e checkout sono definiti da layout e block theme. Riordinare le sezioni, introdurre un nuovo tipo di componente o creare una variante per un gruppo di clienti resta una modifica al codice. Nella pratica, il marketing ha un editor visuale per le aree di contenuto, mentre le pagine che generano il fatturato B2B restano territorio degli sviluppatori.
| Tipo di modifica | Storefront Oro nativa | Livello frontend sull'API Oro |
| --- | --- | --- |
| Landing page o content block | Editor WYSIWYG (GrapesJS) | Editing visuale in Studio |
| Riordinare le sezioni di una scheda prodotto | Layout update YAML, deployment | Drag and drop in Studio, pubblicazione |
| Nuovo tipo di componente | Tipo di blocco, block theme Twig, SCSS | Nuovo componente nella libreria condivisa, riutilizzabile ovunque |
| Variante per un gruppo di clienti | Condizione di layout o codice custom | Variante di pagina composta visualmente, dati da Oro |
| Stile su più brand o siti | Tema figlio per sito, build degli asset | Design token e componenti condivisi |
| Logica B2B (prezzi, offerte, account) | Resta in Oro | Resta in Oro, letta via API |
## Mantenere la logica B2B di Oro, spostare la presentazione
Per la maggior parte dei clienti Oro il punto decisivo è che il backend non è il problema. Gerarchie di clienti, listini per gruppo, richieste di offerta, liste d'acquisto e configurazioni multi-sito sono proprio i motivi della scelta di OroCommerce. Una modernizzazione del frontend non dovrebbe toccare nulla di tutto ciò.
Oro stesso supporta questa separazione. La [Storefront REST API](https://doc.oroinc.com/6.1/backend/api/storefront/) espone le risorse della storefront via HTTP, con una sandbox per esplorarle e un'API guest opzionale per i visitatori anonimi. In questo modo la storefront può essere renderizzata fuori dall'applicazione Symfony, mentre Oro resta il sistema di riferimento.
Qui entra in gioco Laioutr come Frontend Management Platform. Il [Composable Headless Frontend](https://www.laioutr.com/it/composable-headless-frontend) gira come applicazione Nuxt davanti a OroCommerce e legge catalogo, prezzi, carrello e dati di account tramite l'API. Orchestr normalizza questi dati in un unico modello, così i componenti non dipendono dalle strutture di risposta specifiche di Oro. La pagina sul [frontend headless per OroCommerce](https://www.laioutr.com/it/headless-frontend-for-oro-commerce) descrive quali funzioni B2B si possono rappresentare in questo modo, a condizione che le relative risorse API siano disponibili nel progetto.
Su questo livello il marketing lavora nel [Composable Visual Page Builder](https://www.laioutr.com/it/composable-visual-page-builder). Gli sviluppatori definiscono una volta componenti e regole, il marketing compone con essi pagine prodotto, categoria e campagna e pubblica senza deployment. Laioutr indica un time-to-launch per le nuove landing page più breve di circa il 65 % rispetto a un setup headless classico.
## Cosa cambia per i team di sviluppo
Spostare la presentazione non toglie gli sviluppatori dal frontend. Cambia come viene impiegato il loro tempo.
- **Componenti invece di patch di layout.** Invece di mantenere update YAML per route, gli sviluppatori creano componenti riutilizzabili in Vue e Nuxt. Laioutr fornisce 70+ componenti come base di partenza.
- **Un unico modello dati.** I componenti consumano dati normalizzati. Se il panorama backend cambia, la libreria di componenti resta. Laioutr si collega a 50+ backend.
- **Meno build per modifica.** Le modifiche di contenuto e layout non attivano più build del tema e deployment.
- **Responsabilità chiare.** Gli sviluppatori Oro si concentrano su prezzi, workflow e integrazioni, quelli frontend su componenti e performance, il marketing sulle pagine.
- **Performance come proprietà della piattaforma.** I Core Web Vitals sono gestiti nel livello stesso, come descritto nella pagina [Performance e Core Web Vitals](https://www.laioutr.com/it/product/performance-core-web-vitals).
I team che pianificano il passaggio partono di solito da un perimetro limitato. L' [approccio per fasi per sostituire il frontend OroCommerce](https://www.laioutr.com/it/blog/oro-commerce-replatforming-headless-frontend) mostra come i gruppi di route migrano uno alla volta, ciascuno con un percorso di rollback. Una panoramica più ampia sul confronto tra OroCommerce e una piattaforma frontend si trova nell'articolo su [un'alternativa a OroCommerce per storefront B2B](https://www.laioutr.com/it/blog/alternative-to-orocommerce).
## Un percorso pratico dal layout update al componente
Un buon punto di partenza è un audit dei layout update e dei block theme esistenti. Raggrupparli risponde a tre domande: quali modifiche sono pura presentazione, quali codificano regole di business e quali esistono solo perché il marketing non aveva altra strada?
1. **Inventario.** Elencare bundle personalizzati, layout update per route e block theme Twig sovrascritti.
2. **Classificazione.** Segnare ogni voce come presentazione, logica di business o workaround.
3. **Mappatura sui componenti.** Le voci di presentazione diventano candidati componenti con props chiare.
4. **Verifica dell'API.** Controllare che ogni dato necessario sia esposto dalla storefront API e pianificare le estensioni in Oro dove manca.
5. **Prima le route di contenuto.** Landing page e pagine di ingresso delle categorie sono un avvio a basso rischio.
6. **Poi pagine prodotto ed elenchi.** Quando la libreria di componenti è stabile, seguono le pagine con più traffico.
7. **Logica di checkout in Oro.** Checkout e offerte migrano per ultimi e solo quando ogni regola è coperta dall'API.
## FAQ
### Un frontend headless sostituisce OroCommerce?
No. OroCommerce resta il backend per catalogo, prezzi, clienti, offerte e ordini. Solo il livello di presentazione passa a un frontend separato che legge i dati tramite la Storefront REST API.
### I template Twig esistenti si possono riutilizzare?
Non direttamente. I block theme Twig vengono renderizzati all'interno dell'applicazione Symfony. La loro struttura e le scelte di design restano però un riferimento prezioso, e l'audit dei layout ne ricava di solito un elenco chiaro di componenti.
### L'editor WYSIWYG di Oro non basta al marketing?
Per landing page e content block spesso sì. La lacuna riguarda le pagine commerce come elenchi e schede prodotto, la cui struttura è definita dai layout e la cui modifica richiede sviluppo.
### Le funzioni B2B come prezzi per gruppo e offerte continuano a funzionare?
Restano in Oro e vengono lette tramite l'API. La possibilità di rappresentare una funzione specifica dipende dalle risorse API disponibili nel progetto, per questo la verifica dell'API va fatta presto nella pianificazione.
## Conclusione
Il sistema di layout di OroCommerce offre agli sviluppatori un controllo preciso, ed è proprio questa precisione a spingere le modifiche quotidiane della storefront nel backlog di sviluppo. I team che vogliono mantenere Oro come backend B2B possono spostare la presentazione in una Frontend Management Platform, dare al marketing il controllo visuale delle pagine commerce e concentrare gli sviluppatori su componenti e integrazioni invece che su patch di layout.
### Altri temi dalla piattaforma Laioutr
- [Frontend headless per OroCommerce](https://www.laioutr.com/it/headless-frontend-for-oro-commerce)
- [Composable Visual Page Builder](https://www.laioutr.com/it/composable-visual-page-builder)
- [Composable Headless Frontend](https://www.laioutr.com/it/composable-headless-frontend)
- [Performance e Core Web Vitals](https://www.laioutr.com/it/product/performance-core-web-vitals)
---
Condividi questo articolo
[Condividi su Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.laioutr.com%2Fit%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck) [Condividi su X](https://x.com/intent/post?url=https%3A%2F%2Fwww.laioutr.com%2Fit%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck&text=) [Condividi su LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.laioutr.com%2Fit%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck) [Condividi su Pinterest](https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.laioutr.com%2Fit%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck&description=) [Condividi via e-mail](mailto:?subject=&body=%0A%0Ahttps%3A%2F%2Fwww.laioutr.com%2Fit%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck)
## Altri articoli su frontend e headless
Conoscenza pratica su sviluppo frontend, agenti intelligenti e headless
[Al blog](https://www.laioutr.com/it/blogs/insights)
[Più agenti IA, un solo storefront: coordinare senza collisioni
Quando più agenti IA lavorano sullo stesso storefront, i conflitti nascono raramente tra gli agenti …](https://www.laioutr.com/it/blog/frontend-operations-multi-agent-coordination-storefront-2026)
[Misurare gli agenti IA sui risultati: metriche per il frontend
Gli agenti IA nel frontend si misurano sui risultati, non sull'attività. Il numero di prompt, te…](https://www.laioutr.com/it/blog/frontend-operations-measuring-ai-agents-outcomes-2026)
[Execution gap nel frontend: rilevare costa poco, rilasciare molto
L'execution gap nel frontend è il tempo, e il numero di passaggi di consegne, tra "sappiamo…](https://www.laioutr.com/it/blog/frontend-operations-execution-gap-detect-vs-deploy-2026)
[Un livello di IA per lo stack commerce esistente senza replatforming
Un livello di IA può essere aggiunto a uno stack commerce esistente senza sostituire la piattaforma …](https://www.laioutr.com/it/blog/frontend-operations-ai-layer-existing-stack-without-replatforming-2026)
[Il costo nascosto delle modifiche manuali alla storefront
Le modifiche manuali al frontend sono i tanti piccoli interventi che mantengono operativa una storef…](https://www.laioutr.com/it/blog/frontend-operations-hidden-cost-manual-storefront-changes-2026)
[Quali attività frontend affidare agli agenti IA: ruolo e rischio
Gli agenti IA dovrebbero occuparsi prima delle attività frontend che si ripetono spesso, richiedono …](https://www.laioutr.com/it/blog/frontend-operations-agent-task-map-role-risk-2026)
[Monitoraggio frontend oltre l'uptime: i segnali che contano
Il monitoraggio frontend oltre l'uptime significa verificare una storefront non solo sulla dispo…](https://www.laioutr.com/it/blog/frontend-operations-monitoring-beyond-uptime-2026)
[Causa radice nel frontend: quando il fatturato cala nello storefront
Quando il fatturato o il tasso di conversione calano all'improvviso, la causa spesso non sta nel…](https://www.laioutr.com/it/blog/frontend-operations-root-cause-revenue-drop-storefront-2026)
[La Laioutr Academy è online: il manuale video di Laioutr
Dal 15 ottobre 2026 la Laioutr Academy è online su academy.laioutr.com. È il manuale d'uso di La…](https://www.laioutr.com/it/blog/laioutr-academy-launch-video-manual-certification)
[Tailwind + Alpine o frontend a componenti per Magento
Hyvä esegue il rendering delle pagine Magento lato server con template PHP e layout XML, aggiunge in…](https://www.laioutr.com/it/blog/tailwind-alpine-magento-vs-component-based-frontend-2026)
[Frontend OroCommerce: uscire dal collo di bottiglia Twig
Il frontend OroCommerce è una storefront renderizzata lato server, costruita con bundle Symfony, Oro…](https://www.laioutr.com/it/blog/orocommerce-frontend-twig-layouts-bottleneck)
[Un backend Magento, tanti canali: la personalizzazione reale
La personalizzazione su web, mobile e voce con un unico backend Magento non parte da una funzionalit…](https://www.laioutr.com/it/blog/magento-multichannel-personalization-web-mobile-voice-2026)
[Edge hosting per storefront: caching che regge i picchi di carico
L'edge hosting mantiene veloce una storefront sotto carico quando la maggior parte delle richies…](https://www.laioutr.com/it/blog/edge-hosting-storefronts-peak-traffic-caching-2026)
[Composable Commerce 2027: cosa è cambiato e cosa arriva
Il composable commerce entra nel 2027 con un'agenda diversa rispetto a un anno fa. La questione …](https://www.laioutr.com/it/blog/composable-commerce-2027-outlook)
[Engagement e conversione con l'IA: personalizzazione nel frontend
L'engagement e la conversione guidati dall'IA nel frontend si basano su cinque meccaniche: i…](https://www.laioutr.com/it/blog/ai-engagement-conversion-frontend-personalization)
## App per la piattaforma Laioutr
[Vedere tutte le app](https://www.laioutr.com/it/apps)
[](https://www.laioutr.com/it/apps/shopify)
Laioutr
[Shopify](https://www.laioutr.com/it/apps/shopify)
Shopify è una piattaforma di commerce per vendere online e nei negozi fisici.
[](https://www.laioutr.com/it/apps/shopware)
Laioutr
[Shopware](https://www.laioutr.com/it/apps/shopware)
Shopware è una piattaforma e-commerce europea e flessibile per cataloghi prodotto e commerce omnicanale.
[](https://www.laioutr.com/it/apps/adobe-commerce)
Laioutr
[Adobe Commerce](https://www.laioutr.com/it/apps/adobe-commerce)
Adobe Commerce è una piattaforma di enterprise commerce per scenari B2C e B2B complessi e globali.
Planned
[](https://www.laioutr.com/it/apps/b2b-sellers)
Laioutr
[B2Bsellers](https://www.laioutr.com/it/apps/b2b-sellers)
Suite B2B per Shopware che trasforma lo shop online in una piattaforma professionale di commerce B2B.
Planned
[](https://www.laioutr.com/it/apps/commerce-layer)
Laioutr
[Commerce Layer](https://www.laioutr.com/it/apps/commerce-layer)
Commerce Layer è una piattaforma di headless commerce per rendere disponibili online inventari e cataloghi.
[](https://www.laioutr.com/it/apps/commercetools)
Laioutr
[Commercetools](https://www.laioutr.com/it/apps/commercetools)
Commercetools è una piattaforma e-commerce headless basata su SaaS e utilizzata in tutto il mondo.
[](https://www.laioutr.com/it/apps/emporix)
Laioutr
[Emporix](https://www.laioutr.com/it/apps/emporix)
Emporix è una piattaforma di commerce composable e API-first per scenari B2B e B2C scalabili.
Planned
[](https://www.laioutr.com/it/apps/hcl-software)
Laioutr
[HCL Software](https://www.laioutr.com/it/apps/hcl-software)
Suite enterprise per commerce ed esperienze digitali, altamente configurabile.
Planned
[](https://www.laioutr.com/it/apps/intershop)
Laioutr
[Intershop](https://www.laioutr.com/it/apps/intershop)
Piattaforma di enterprise commerce per modelli di business B2B e B2C complessi.
Planned
[](https://www.laioutr.com/it/apps/magento-2)
Laioutr
[Magento 2](https://www.laioutr.com/it/apps/magento-2)
Piattaforma di commerce estendibile e molto diffusa per scenari B2C e B2B.
[](https://www.laioutr.com/it/apps/oxid-eshop)
Laioutr
[OXID eShop](https://www.laioutr.com/it/apps/oxid-eshop)
OXID eShop è una piattaforma di commerce estendibile per requisiti B2B e B2C complessi.
Planned
[](https://www.laioutr.com/it/apps/patchworks)
Laioutr
[Patchworks](https://www.laioutr.com/it/apps/patchworks)
Patchworks è un iPaaS low-code che collega e-commerce, ERP, WMS, 3PL e marketplace.
Planned
[](https://www.laioutr.com/it/apps/PrestaShop)
Laioutr
[Prestashop](https://www.laioutr.com/it/apps/PrestaShop)
Piattaforma di commerce open source per merchant piccoli e medi in Europa e oltre.
Planned
[](https://www.laioutr.com/it/apps/saleor)
Laioutr
[Saleor](https://www.laioutr.com/it/apps/saleor)
Piattaforma di commerce open source e API-first basata su GraphQL per storefront personalizzati.
Planned
[](https://www.laioutr.com/it/apps/salesforce-commerce-cloud)
Laioutr
[Salesforce Commerce Cloud](https://www.laioutr.com/it/apps/salesforce-commerce-cloud)
Salesforce Commerce Cloud è una piattaforma di enterprise commerce basata su cloud per aziende di ogni dimensione.
Planned
[](https://www.laioutr.com/it/apps/sap-commerce-cloud)
Laioutr
[SAP Commerce Cloud](https://www.laioutr.com/it/apps/sap-commerce-cloud)
Piattaforma di enterprise commerce per cataloghi complessi, modelli di prezzo e journey omnicanale.
Planned
[](https://www.laioutr.com/it/apps/scayle)
Laioutr
[Scayle](https://www.laioutr.com/it/apps/scayle)
SCAYLE è un commerce engine con cui brand e retailer fanno scalare il proprio business.
Planned
[](https://www.laioutr.com/it/apps/spryker)
Laioutr
[Spryker](https://www.laioutr.com/it/apps/spryker)
Piattaforma di commerce composable per modelli di business B2B e B2C esigenti.
[](https://www.laioutr.com/it/apps/sylius)
Laioutr
[Sylius](https://www.laioutr.com/it/apps/sylius)
Sylius è un framework e-commerce developer-friendly per esperienze di shopping B2C e B2B.
Planned
[](https://www.laioutr.com/it/apps/vendure)
Laioutr
[Vendure](https://www.laioutr.com/it/apps/vendure)
Vendure è una piattaforma di headless commerce per aziende con requisiti complessi.
Coming Soon
[](https://www.laioutr.com/it/apps/vtex)
Laioutr
[VTEX](https://www.laioutr.com/it/apps/vtex)
Piattaforma di commerce cloud-native e composable per B2B e B2C su larga scala.
Planned
[](https://www.laioutr.com/it/apps/websale)
Laioutr
[Websale](https://www.laioutr.com/it/apps/websale)
Backend di commerce stabile e adatto all'enterprise per ambienti retail complessi.
Colloquio strategico
## Il frontend come livello di controllo
Un confronto su stack, roadmap e scenario di replatforming. Il risultato: un quadro chiaro di come si integra Laioutr, quanto costa e in quanto tempo è possibile andare live.
*"Dopo 30 minuti abbiamo capito che Laioutr rende fattibile il nostro replatforming."*
*Daniel B., CEO,* [*hygibox.de*](https://hygibox.de)
[Prenotare una demo](https://www.laioutr.com/it/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/it/#website",
"url": "https://www.laioutr.com/it/",
"name": "Laioutr",
"inLanguage": "it",
"publisher": {
"@id": "https://www.laioutr.com/#identity"
}
},
{
"@type": "BlogPosting",
"@id": "https://www.laioutr.com/it/blog/orocommerce-frontend-twig-layouts-bottleneck#article",
"headline": "Frontend OroCommerce: uscire dal collo di bottiglia Twig",
"description": "Theming OroCommerce: layout update YAML, block theme Twig e build SCSS. Come i team B2B mantengono la logica Oro e il marketing modifica le pagine a vista.",
"image": [
"https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmvaiaokow8v706le3vp7pqlo"
],
"datePublished": "2026-10-16T18:06:51.136271+00:00",
"dateModified": "2026-10-16T18:06:35.145421+00:00",
"inLanguage": "it",
"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/it/blog/orocommerce-frontend-twig-layouts-bottleneck#webpage"
},
"isPartOf": {
"@id": "https://www.laioutr.com/it/#website"
}
},
{
"@type": "WebPage",
"@id": "https://www.laioutr.com/it/blog/orocommerce-frontend-twig-layouts-bottleneck#webpage",
"url": "https://www.laioutr.com/it/blog/orocommerce-frontend-twig-layouts-bottleneck",
"name": "Frontend OroCommerce: uscire dal collo di bottiglia Twig",
"description": "Theming OroCommerce: layout update YAML, block theme Twig e build SCSS. Come i team B2B mantengono la logica Oro e il marketing modifica le pagine a vista.",
"inLanguage": "it",
"isPartOf": {
"@id": "https://www.laioutr.com/it/#website"
},
"breadcrumb": {
"@id": "https://www.laioutr.com/it/blog/orocommerce-frontend-twig-layouts-bottleneck#breadcrumb"
},
"primaryImageOfPage": {
"@type": "ImageObject",
"url": "https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmvaiaokow8v706le3vp7pqlo"
},
"datePublished": "2026-10-16T18:06:51.136271+00:00",
"dateModified": "2026-10-16T18:06:35.145421+00:00",
"mainEntity": {
"@id": "https://www.laioutr.com/it/blog/orocommerce-frontend-twig-layouts-bottleneck#article"
}
},
{
"@type": "BreadcrumbList",
"@id": "https://www.laioutr.com/it/blog/orocommerce-frontend-twig-layouts-bottleneck#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Laioutr",
"item": "https://www.laioutr.com/it/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Insights",
"item": "https://www.laioutr.com/it/blogs/insights"
},
{
"@type": "ListItem",
"position": 3,
"name": "Frontend OroCommerce: uscire dal collo di bottiglia Twig"
}
]
}
]
}
```