---
title: "Frontend de OroCommerce: más allá del cuello de botella Twig"
canonical_url: "https://www.laioutr.com/es/blog/orocommerce-frontend-twig-layouts-bottleneck"
locale: es
meta:
description: "Theming en OroCommerce: layout updates YAML, block themes Twig y builds SCSS. Cómo mantener la lógica B2B de Oro y que marketing edite de forma visual."
"og:description": "Theming en OroCommerce: layout updates YAML, block themes Twig y builds SCSS. Cómo mantener la lógica B2B de Oro y que marketing edite de forma visual."
"og:title": "Frontend de OroCommerce: más allá del cuello de botella Twig"
---
# Frontend de OroCommerce: salir del cuello de botella Twig
Índice
1. 1.Cómo está construida la storefront de OroCommerce
2. 2.Dónde se forma el cuello de botella en el día a día
3. 3.Lo que marketing ya puede hacer en Oro y dónde termina
4. 4.Mantener la lógica B2B de Oro, mover la presentación
5. [5.Qué cambia para los equipos de desarrollo](#qu-cambia-para-los-equipos-de-desarrollo)
6. 6.Un camino práctico del layout update al componente
7. [7.FAQ](#faq)
8. 8.Conclusión
1. 1.Cómo está construida la storefront de OroCommerce
2. 2.Dónde se forma el cuello de botella en el día a día
3. 3.Lo que marketing ya puede hacer en Oro y dónde termina
4. 4.Mantener la lógica B2B de Oro, mover la presentación
5. [5.Qué cambia para los equipos de desarrollo](#qu-cambia-para-los-equipos-de-desarrollo)
6. 6.Un camino práctico del layout update al componente
7. [7.FAQ](#faq)
8. 8.Conclusión
El frontend de OroCommerce es una storefront renderizada en servidor, construida con bundles de Symfony, OroLayouts y block themes de Twig, y casi cualquier cambio visible pasa por un desarrollador, un layout update en YAML y un build del tema. Los equipos que quieren avanzar más rápido no necesitan renunciar a Oro: la lógica B2B se queda en el backend, mientras una capa de frontend independiente asume la presentación y permite a marketing componer páginas de forma visual. Este artículo muestra de dónde procede realmente el esfuerzo de theming y cómo desacoplarlo paso a paso.
## Cómo está construida la storefront de OroCommerce
OroCommerce es una aplicación Symfony, y el [quick start de la storefront en la documentación oficial de Oro](https://doc.oroinc.com/6.1/frontend/storefront/quick-start/) deja claro que todo el código de la storefront se organiza en bundles. Cada página se describe mediante un layout: un árbol de bloques, cada uno con un tipo y unas opciones. Ese árbol no se edita en un archivo de plantilla, sino mediante layout updates, archivos YAML con acciones como `@add`, `@move`, `@remove`, `@setOption` y `@setBlockTheme`. Para afectar a una sola página, el update se coloca en una carpeta con el nombre de la ruta de Symfony, por ejemplo `oro_product_frontend_product_view`.
El renderizado se hace en Twig. Cada bloque corresponde a un bloque de Twig. Cambiar su markup implica localizar el bloque correcto con el Twig Inspector, sobrescribirlo en la misma ruta dentro de un bundle propio y vincular el nuevo block theme mediante un layout update. Los estilos son SCSS, declarados por tema en `assets.yml` y compilados con un build de npm que recibe el nombre del tema como parámetro.
Los temas heredan unos de otros. Según la [documentación de theming de Oro](https://doc.oroinc.com/6.1/frontend/storefront/theming/), un tema propio declara un tema padre en `theme.yml`, normalmente el tema por defecto, para no modificar los archivos del core.
Esta arquitectura es deliberada y potente, porque permite modificar casi toda la storefront sin hacer un fork del core. El precio es un conjunto amplio de competencias para el trabajo diario de frontend: PHP y Symfony, YAML, Twig, SCSS, builds de npm y el Symfony Profiler para depurar el árbol de layout.
## Dónde se forma el cuello de botella en el día a día
El sistema de layouts se diseñó para desarrolladores, y ahí aparece la fricción cuando una storefront B2B crece. Una petición típica de ventas o marketing, por ejemplo un nuevo teaser sobre el listado de productos para un grupo de clientes, sigue un camino previsible:
1. Marketing describe el cambio en un ticket, a menudo con una captura de pantalla.
2. Un desarrollador localiza los bloques afectados en el árbol de layout de la ruta correcta.
3. Se escribe o amplía un layout update en YAML y, si cambia el markup, un block theme de Twig.
4. Se ajusta el SCSS y se vuelven a generar los assets del tema.
5. El cambio pasa por revisión, staging y despliegue como cualquier otro código.
6. Marketing revisa el resultado y, con frecuencia, pide una segunda iteración.
Juntos, estos pasos convierten pequeños cambios de contenido y de maquetación en tareas de desarrollo que compiten con integraciones, interfaces de ERP y lógica de precios. Las peticiones de frontend quedan entonces a la cola.
Un segundo efecto es la concentración del conocimiento. Los layout updates se reparten entre muchos bundles y la página real solo es visible en tiempo de ejecución. Los equipos que confían el desarrollo frontend de OroCommerce a una agencia OroCommerce externa descubren a menudo que pocas personas pueden prever qué provocará un cambio de layout. No es una debilidad de Oro, sino la consecuencia natural de un modelo de theming flexible y basado en herencia aplicado durante años.
## Lo que marketing ya puede hacer en Oro y dónde termina
Afirmar que OroCommerce no tiene editor para marketing sería incorrecto. El [campo WYSIWYG documentado por Oro](https://doc.oroinc.com/6.1/bundles/commerce/CMSBundle/WYSIWYG-field/) se basa en GrapesJS y se usa por defecto para landing pages y content blocks. Los equipos de contenido pueden crear páginas CMS y colocar bloques de contenido sin tocar Twig.
El límite está en las propias páginas de commerce. Fichas de producto, listados, listas de compra y checkout se definen mediante layouts y block themes. Reordenar secciones, añadir un nuevo tipo de componente o crear una variante para un grupo de clientes sigue siendo un cambio de código. En la práctica, marketing dispone de un editor visual para las zonas de contenido, mientras que las páginas que generan los ingresos B2B siguen siendo terreno de desarrollo.
| Tipo de cambio | Storefront nativa de Oro | Capa de frontend sobre la API de Oro |
| --- | --- | --- |
| Landing page o content block | Editor WYSIWYG (GrapesJS) | Edición visual en Studio |
| Reordenar secciones de una ficha de producto | Layout update YAML, despliegue | Arrastrar y soltar en Studio, publicar |
| Nuevo tipo de componente | Tipo de bloque, block theme Twig, SCSS | Nuevo componente en la biblioteca común, reutilizable en todas partes |
| Variante para un grupo de clientes | Condición de layout o código propio | Variante de página compuesta visualmente, datos de Oro |
| Estilos en varias marcas o sitios | Tema hijo por sitio, build de assets | Design tokens y componentes compartidos |
| Lógica B2B (precios, presupuestos, cuentas) | Se queda en Oro | Se queda en Oro, leída vía API |
## Mantener la lógica B2B de Oro, mover la presentación
Para la mayoría de los clientes de Oro, lo decisivo es que el backend no es el problema. Jerarquías de clientes, listas de precios por grupo, solicitudes de presupuesto, listas de compra y configuraciones multisitio son precisamente los motivos por los que se eligió OroCommerce. Una modernización del frontend no debería tocar nada de eso.
Oro respalda esta separación. La [Storefront REST API](https://doc.oroinc.com/6.1/backend/api/storefront/) expone los recursos de la storefront por HTTP, con un sandbox para explorarlos y una API de invitado opcional para visitantes anónimos. Así, la storefront puede renderizarse fuera de la aplicación Symfony mientras Oro sigue siendo el sistema de referencia.
Aquí entra Laioutr como Frontend Management Platform. El [Composable Headless Frontend](https://www.laioutr.com/es/composable-headless-frontend) funciona como una aplicación Nuxt delante de OroCommerce y lee catálogo, precios, carrito y datos de cuenta a través de la API. Orchestr normaliza esos datos en un único modelo, de modo que los componentes no dependen de estructuras de respuesta específicas de Oro. La página sobre el [frontend headless para OroCommerce](https://www.laioutr.com/es/headless-frontend-for-oro-commerce) describe qué funciones B2B pueden representarse así, siempre que los recursos de API correspondientes estén disponibles en el proyecto.
Sobre esa capa, marketing trabaja en el [Composable Visual Page Builder](https://www.laioutr.com/es/composable-visual-page-builder). Desarrollo define una vez componentes y reglas, marketing compone con ellos páginas de producto, categoría y campaña y publica sin despliegue. Laioutr cifra el time-to-launch de nuevas landing pages en torno a un 65 % más corto que con una configuración headless clásica.
## Qué cambia para los equipos de desarrollo
Mover la presentación no saca a los desarrolladores del frontend. Cambia en qué se invierte su tiempo.
- **Componentes en lugar de parches de layout.** En vez de mantener updates YAML por ruta, los desarrolladores crean componentes reutilizables en Vue y Nuxt. Laioutr incluye 70+ componentes como punto de partida.
- **Un único modelo de datos.** Los componentes consumen datos normalizados. Si el panorama de backend cambia, la biblioteca de componentes se mantiene. Laioutr se conecta con 50+ backends.
- **Menos builds por cambio.** Los cambios de contenido y de maquetación ya no disparan un build del tema ni un despliegue.
- **Responsabilidades claras.** El desarrollo Oro se centra en precios, workflows e integraciones, el desarrollo frontend en componentes y rendimiento, marketing en las páginas.
- **Rendimiento como propiedad de la plataforma.** Los Core Web Vitals se abordan en la propia capa, como se describe en la página de [rendimiento y Core Web Vitals](https://www.laioutr.com/es/product/performance-core-web-vitals).
El [enfoque por fases para sustituir el frontend de OroCommerce](https://www.laioutr.com/es/blog/oro-commerce-replatforming-headless-frontend) muestra cómo los grupos de rutas migran uno a uno, cada uno con una vía de rollback. Una visión más amplia sobre OroCommerce y una plataforma de frontend se encuentra en el artículo sobre [una alternativa a OroCommerce para storefronts B2B](https://www.laioutr.com/es/blog/alternative-to-orocommerce).
## Un camino práctico del layout update al componente
Un buen punto de partida es una auditoría de los layout updates y block themes existentes, que separa presentación, reglas de negocio y soluciones provisionales.
1. **Inventario.** Listar bundles propios, layout updates por ruta y block themes de Twig sobrescritos.
2. **Clasificación.** Marcar cada elemento como presentación, lógica de negocio o solución provisional.
3. **Correspondencia con componentes.** Los elementos de presentación se convierten en candidatos a componente con props claras.
4. **Revisión de la API.** Comprobar que cada dato necesario está expuesto en la storefront API y planificar extensiones en Oro donde falte.
5. **Primero las rutas de contenido.** Landing pages y páginas de entrada de categoría son un inicio de bajo riesgo.
6. **Después fichas y listados.** Cuando la biblioteca de componentes es estable, siguen las páginas con más tráfico.
7. **Lógica de checkout en Oro.** Checkout y presupuestos migran al final y solo cuando cada regla está cubierta por la API.
## FAQ
### ¿Un frontend headless sustituye a OroCommerce?
No. OroCommerce sigue siendo el backend para catálogo, precios, clientes, presupuestos y pedidos. Solo la capa de presentación pasa a un frontend independiente que lee los datos mediante la Storefront REST API.
### ¿Se pueden reutilizar las plantillas Twig existentes?
No directamente. Los block themes de Twig se renderizan dentro de la aplicación Symfony. Su estructura sigue siendo una referencia útil para definir los componentes.
### ¿No basta el editor WYSIWYG de Oro para marketing?
Para landing pages y content blocks, a menudo sí. La carencia está en las páginas de commerce como listados y fichas de producto, cuya estructura definen los layouts y cuyo cambio requiere desarrollo.
### ¿Siguen funcionando las funciones B2B como precios por grupo y presupuestos?
Se quedan en Oro y se leen a través de la API. Que una función concreta pueda representarse depende de los recursos de API disponibles en el proyecto, por eso la revisión de la API debe hacerse pronto en la planificación.
## Conclusión
El sistema de layouts de OroCommerce da a los desarrolladores un control preciso, y es justamente esa precisión la que lleva los cambios cotidianos de la storefront al backlog de desarrollo. Los equipos que quieren mantener Oro como backend B2B pueden trasladar la presentación a una Frontend Management Platform, dar a marketing control visual sobre las páginas de commerce y centrar a los desarrolladores en componentes e integraciones en lugar de parches de layout.
### Más temas de la plataforma Laioutr
- [Frontend headless para OroCommerce](https://www.laioutr.com/es/headless-frontend-for-oro-commerce)
- [Composable Visual Page Builder](https://www.laioutr.com/es/composable-visual-page-builder)
- [Composable Headless Frontend](https://www.laioutr.com/es/composable-headless-frontend)
- [Rendimiento y Core Web Vitals](https://www.laioutr.com/es/product/performance-core-web-vitals)
---
Compartir este artículo
[Compartir en Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.laioutr.com%2Fes%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck) [Compartir en X](https://x.com/intent/post?url=https%3A%2F%2Fwww.laioutr.com%2Fes%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck&text=) [Compartir en LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.laioutr.com%2Fes%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck) [Compartir en Pinterest](https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.laioutr.com%2Fes%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck&description=) [Compartir por correo electrónico](mailto:?subject=&body=%0A%0Ahttps%3A%2F%2Fwww.laioutr.com%2Fes%2Fblog%2Forocommerce-frontend-twig-layouts-bottleneck)
## Más artículos sobre frontend y headless
Conocimiento práctico sobre desarrollo frontend, agentes inteligentes y headless
[Al blog](https://www.laioutr.com/es/blogs/insights)
[Varios agentes de IA, un solo storefront: coordinar sin colisiones
Cuando varios agentes de IA trabajan en el mismo storefront, los conflictos rara vez surgen entre lo…](https://www.laioutr.com/es/blog/frontend-operations-multi-agent-coordination-storefront-2026)
[Medir agentes de IA por resultados: métricas para el frontend
Los agentes de IA en el frontend se miden por sus resultados, no por su actividad. El número de prom…](https://www.laioutr.com/es/blog/frontend-operations-measuring-ai-agents-outcomes-2026)
[Execution gap en el frontend: detectar es barato, desplegar no
El execution gap en el frontend es el tiempo, y el número de traspasos, entre "sabemos qué está…](https://www.laioutr.com/es/blog/frontend-operations-execution-gap-detect-vs-deploy-2026)
[Una capa de IA para el stack de commerce existente sin replatforming
Una capa de IA puede incorporarse a un stack de commerce existente sin sustituir la plataforma de ec…](https://www.laioutr.com/es/blog/frontend-operations-ai-layer-existing-stack-without-replatforming-2026)
[El coste oculto de los cambios manuales en la storefront
Los cambios manuales en el frontend son las muchas pequeñas intervenciones que mantienen una storefr…](https://www.laioutr.com/es/blog/frontend-operations-hidden-cost-manual-storefront-changes-2026)
[Qué tareas de frontend deben asumir los agentes de IA: rol y riesgo
Los agentes de IA deberían asumir primero las tareas de frontend que se repiten con frecuencia, exig…](https://www.laioutr.com/es/blog/frontend-operations-agent-task-map-role-risk-2026)
[Monitorización frontend más allá del uptime: señales clave
La monitorización frontend más allá del uptime consiste en revisar una storefront no solo por su dis…](https://www.laioutr.com/es/blog/frontend-operations-monitoring-beyond-uptime-2026)
[Causa raíz frontend: cuando la caída de ventas nace en el storefront
Cuando las ventas o la tasa de conversión caen de forma repentina, la causa a menudo no está en el t…](https://www.laioutr.com/es/blog/frontend-operations-root-cause-revenue-drop-storefront-2026)
[Laioutr Academy en línea: el manual en vídeo de Laioutr
Desde el 15 de octubre de 2026, la Laioutr Academy está en línea en academy.laioutr.com. Es el manua…](https://www.laioutr.com/es/blog/laioutr-academy-launch-video-manual-certification)
[Tailwind + Alpine o frontend basado en componentes para Magento
Hyvä renderiza las páginas de Magento en el servidor con plantillas PHP y layout XML, añade interact…](https://www.laioutr.com/es/blog/tailwind-alpine-magento-vs-component-based-frontend-2026)
[Frontend de OroCommerce: salir del cuello de botella Twig
El frontend de OroCommerce es una storefront renderizada en servidor, construida con bundles de Symf…](https://www.laioutr.com/es/blog/orocommerce-frontend-twig-layouts-bottleneck)
[Un backend Magento, muchos canales: personalización real
La personalización en web, móvil y voz con un único backend Magento no empieza con una función por c…](https://www.laioutr.com/es/blog/magento-multichannel-personalization-web-mobile-voice-2026)
[Edge hosting para storefronts: caché que aguanta picos de carga
El edge hosting mantiene rápida una storefront bajo carga cuando la mayoría de las peticiones nunca …](https://www.laioutr.com/es/blog/edge-hosting-storefronts-peak-traffic-caching-2026)
[Composable Commerce 2027: qué ha cambiado y qué viene después
El composable commerce llega a 2027 con una agenda distinta a la de hace un año. La cuestión de la a…](https://www.laioutr.com/es/blog/composable-commerce-2027-outlook)
[Engagement y conversión con IA: personalización en el frontend
El engagement y la conversión impulsados por IA en el frontend se apoyan en cinco mecánicas: los seg…](https://www.laioutr.com/es/blog/ai-engagement-conversion-frontend-personalization)
## Apps para la plataforma Laioutr
[Ver todas las apps](https://www.laioutr.com/es/apps)
[](https://www.laioutr.com/es/apps/shopify)
Laioutr
[Shopify](https://www.laioutr.com/es/apps/shopify)
Shopify es una plataforma de comercio para vender online y en tienda física.
[](https://www.laioutr.com/es/apps/shopware)
Laioutr
[Shopware](https://www.laioutr.com/es/apps/shopware)
Shopware es una plataforma de e-commerce flexible de origen europeo para catálogos de productos y comercio omnicanal.
[](https://www.laioutr.com/es/apps/adobe-commerce)
Laioutr
[Adobe Commerce](https://www.laioutr.com/es/apps/adobe-commerce)
Adobe Commerce es una plataforma de comercio empresarial para escenarios B2C y B2B complejos y globales.
Planned
[](https://www.laioutr.com/es/apps/b2b-sellers)
Laioutr
[B2Bsellers](https://www.laioutr.com/es/apps/b2b-sellers)
Suite B2B para Shopware que convierte la tienda online en una plataforma profesional de comercio B2B.
Planned
[](https://www.laioutr.com/es/apps/commerce-layer)
Laioutr
[Commerce Layer](https://www.laioutr.com/es/apps/commerce-layer)
Commerce Layer es una plataforma de headless commerce para que inventarios y catálogos estén disponibles online.
[](https://www.laioutr.com/es/apps/commercetools)
Laioutr
[Commercetools](https://www.laioutr.com/es/apps/commercetools)
Commercetools es una plataforma de e-commerce headless basada en SaaS y utilizada en todo el mundo.
[](https://www.laioutr.com/es/apps/emporix)
Laioutr
[Emporix](https://www.laioutr.com/es/apps/emporix)
Emporix es una plataforma de composable commerce API-first para escenarios B2B y B2C escalables.
Planned
[](https://www.laioutr.com/es/apps/hcl-software)
Laioutr
[HCL Software](https://www.laioutr.com/es/apps/hcl-software)
Suite empresarial de comercio y experiencia digital con un alto grado de configurabilidad.
Planned
[](https://www.laioutr.com/es/apps/intershop)
Laioutr
[Intershop](https://www.laioutr.com/es/apps/intershop)
Plataforma de comercio empresarial para modelos de negocio B2B y B2C complejos.
Planned
[](https://www.laioutr.com/es/apps/magento-2)
Laioutr
[Magento 2](https://www.laioutr.com/es/apps/magento-2)
Plataforma de comercio ampliable y muy extendida para escenarios B2C y B2B.
[](https://www.laioutr.com/es/apps/oxid-eshop)
Laioutr
[OXID eShop](https://www.laioutr.com/es/apps/oxid-eshop)
OXID eShop es una plataforma de comercio ampliable para requisitos B2B y B2C complejos.
Planned
[](https://www.laioutr.com/es/apps/patchworks)
Laioutr
[Patchworks](https://www.laioutr.com/es/apps/patchworks)
Patchworks es un iPaaS low-code que conecta e-commerce, ERP, WMS, 3PL y marketplaces.
Planned
[](https://www.laioutr.com/es/apps/PrestaShop)
Laioutr
[Prestashop](https://www.laioutr.com/es/apps/PrestaShop)
Plataforma de comercio open source para pequeños y medianos comerciantes en Europa y más allá.
Planned
[](https://www.laioutr.com/es/apps/saleor)
Laioutr
[Saleor](https://www.laioutr.com/es/apps/saleor)
Plataforma de comercio open source y API-first basada en GraphQL para storefronts a medida.
Planned
[](https://www.laioutr.com/es/apps/salesforce-commerce-cloud)
Laioutr
[Salesforce Commerce Cloud](https://www.laioutr.com/es/apps/salesforce-commerce-cloud)
Salesforce Commerce Cloud es una plataforma de comercio empresarial en la nube para empresas de cualquier tamaño.
Planned
[](https://www.laioutr.com/es/apps/sap-commerce-cloud)
Laioutr
[SAP Commerce Cloud](https://www.laioutr.com/es/apps/sap-commerce-cloud)
Plataforma de comercio empresarial para catálogos complejos, modelos de precios y recorridos omnicanal.
Planned
[](https://www.laioutr.com/es/apps/scayle)
Laioutr
[Scayle](https://www.laioutr.com/es/apps/scayle)
SCAYLE es un motor de comercio con el que marcas y comerciantes escalan su negocio.
Planned
[](https://www.laioutr.com/es/apps/spryker)
Laioutr
[Spryker](https://www.laioutr.com/es/apps/spryker)
Plataforma de composable commerce para modelos de negocio B2B y B2C exigentes.
[](https://www.laioutr.com/es/apps/sylius)
Laioutr
[Sylius](https://www.laioutr.com/es/apps/sylius)
Sylius es un framework de e-commerce pensado para desarrolladores y para experiencias de compra B2C y B2B.
Planned
[](https://www.laioutr.com/es/apps/vendure)
Laioutr
[Vendure](https://www.laioutr.com/es/apps/vendure)
Vendure es una plataforma de headless commerce para empresas con requisitos complejos.
Coming Soon
[](https://www.laioutr.com/es/apps/vtex)
Laioutr
[VTEX](https://www.laioutr.com/es/apps/vtex)
Plataforma de composable commerce cloud native para B2B y B2C a gran escala.
Planned
[](https://www.laioutr.com/es/apps/websale)
Laioutr
[Websale](https://www.laioutr.com/es/apps/websale)
Backend de comercio estable y apto para grandes empresas en entornos comerciales complejos.
Llamada estratégica
## El frontend como capa de control
Una conversación sobre stack, roadmap y escenario de replatforming. El resultado: una visión clara de cómo encaja Laioutr, cuánto cuesta y en cuánto tiempo es posible salir a producción.
*"Después de 30 minutos supimos que Laioutr hace viable nuestro replatforming."*
*Daniel B., CEO,* [*hygibox.de*](https://hygibox.de)
[Reservar una demo](https://www.laioutr.com/es/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/es/#website",
"url": "https://www.laioutr.com/es/",
"name": "Laioutr",
"inLanguage": "es",
"publisher": {
"@id": "https://www.laioutr.com/#identity"
}
},
{
"@type": "BlogPosting",
"@id": "https://www.laioutr.com/es/blog/orocommerce-frontend-twig-layouts-bottleneck#article",
"headline": "Frontend de OroCommerce: salir del cuello de botella Twig",
"description": "Theming en OroCommerce: layout updates YAML, block themes Twig y builds SCSS. Cómo mantener la lógica B2B de Oro y que marketing edite de forma visual.",
"image": [
"https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmvaiaoknw8v506lefrtaftml"
],
"datePublished": "2026-10-16T18:06:51.136271+00:00",
"dateModified": "2026-10-16T18:06:35.145421+00:00",
"inLanguage": "es",
"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/es/blog/orocommerce-frontend-twig-layouts-bottleneck#webpage"
},
"isPartOf": {
"@id": "https://www.laioutr.com/es/#website"
}
},
{
"@type": "WebPage",
"@id": "https://www.laioutr.com/es/blog/orocommerce-frontend-twig-layouts-bottleneck#webpage",
"url": "https://www.laioutr.com/es/blog/orocommerce-frontend-twig-layouts-bottleneck",
"name": "Frontend de OroCommerce: salir del cuello de botella Twig",
"description": "Theming en OroCommerce: layout updates YAML, block themes Twig y builds SCSS. Cómo mantener la lógica B2B de Oro y que marketing edite de forma visual.",
"inLanguage": "es",
"isPartOf": {
"@id": "https://www.laioutr.com/es/#website"
},
"breadcrumb": {
"@id": "https://www.laioutr.com/es/blog/orocommerce-frontend-twig-layouts-bottleneck#breadcrumb"
},
"primaryImageOfPage": {
"@type": "ImageObject",
"url": "https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmvaiaoknw8v506lefrtaftml"
},
"datePublished": "2026-10-16T18:06:51.136271+00:00",
"dateModified": "2026-10-16T18:06:35.145421+00:00",
"mainEntity": {
"@id": "https://www.laioutr.com/es/blog/orocommerce-frontend-twig-layouts-bottleneck#article"
}
},
{
"@type": "BreadcrumbList",
"@id": "https://www.laioutr.com/es/blog/orocommerce-frontend-twig-layouts-bottleneck#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Laioutr",
"item": "https://www.laioutr.com/es/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Insights",
"item": "https://www.laioutr.com/es/blogs/insights"
},
{
"@type": "ListItem",
"position": 3,
"name": "Frontend de OroCommerce: salir del cuello de botella Twig"
}
]
}
]
}
```