Ahora estas en: Inicio > Blog Sistema de Plantillas en Magento » El Blog DWQ

Sistema de Plantillas en Magento 2 marzo 2011

Una página completa es reproducida como un conjunto jerarquizado de archivos de plantilla (técnicamente, bloques anidados en conjunto). No hay “widgets” explícitos en el sistema, es decir, no encontrarás una determinada Clase de “form” ni Clase de “button” o de objeto. Las Clases están subordinadas a bloques que se sitúan en el límite entre los widgets y las plantillas. El conjunto jerarquizado de las plantillas y bloques es controlado por un archivo XML, o más específicamente, de un conjunto de archivos XML. Esto es bastante potente para los desarrolladores y los que contribuyen con plugins, pero al parecer demasiado complicado para la mayoría de los diseñadores (incluso aquellos que están familiarizados con PHP y otros).

Archivos de Diseño (Layout)

Los archivos de diseño controlan la estructura de cualquier reproducción final de la página. Se encuentran en la carpeta “layout” bajo el esquema de tu tema. Hay una serie de archivos XML cuyos nombres vagamente se refieren a un módulo individual, pero todas las letras están en minúsculas,

mientras que los nombres de los módulos utilizan el método tradicional conocido como “camel-case”. El archivo XML más importante es page.xml.

El archivo page.xml específica la estructura predeterminada de la página. Todas las modificaciones de cualquiera de los otros archivos XML son modificaciones de las configuraciones bajo la etiqueta <default> XML. La siguiente es una lista de etiquetas que son comunes a todos los archivos de diseño.

• <layout>
• <default>
• <reference>
• <block>
• <action>
• <update>

También podrás ver las etiquetas que se comportan para el diseño de control, como la etiqueta <default>, pero sólo durante ciertas peticiones. Estas etiquetas siguen un patrón que se relaciona con el módulo, el controlador y la acción de la solicitud web determinada. Si la etiqueta sólo tiene dos partes, separadas por un guión bajo, como <cms_page>, entonces estas configuraciones se aplican a todas las peticiones en ese módulo y el controlador.

• <cms_page>
• <cms_index_defaultindex>
• <cms_index_defaultnoroute>
• <customer_account_index>
• <tag_customer_view>
• <catalog_product_view>

Archivos de Plantilla

Los archivos de plantilla, son simplemente archivos PHP + HTML sin formato que terminan en extensión .phtml. La sintaxis utilizada en estos archivos intenta utilizar las características del lenguaje de plantillas de la sintaxis de PHP. Verás muchas veces alternar la estructura de la sintaxis de lazo de PHP, que utiliza los dos puntos (:) y la de tipo endwhile, endfor y endif, en estos archivos.

La estructura de los directorios imita la estructura de los módulos correspondientes, siguiendo las convenciones del marco de trabajo Zend, aunque no es obligatorio. También puedes optar por romper las convenciones y mantener todos sus archivos de plantilla en un sólo directorio en la construcción de módulos personalizados, te será más fácil de gestionar los archivos. Lo puedes hacer con una simple sustitución de barras por caracteres de subrayado en su nombre, de tal modo que imitan la estructura original de nombre de archivo y de directorio. La ventaja de hacerlo así dependerá del tamaño y alcance de tus módulos personalizados. Si estás reemplazando un pequeño número de archivos, digamos de uno a cincuenta, la capacidad de ver al instante todos los archivos que se reemplazan en un sólo directorio es definitivamente mucho más práctico.

Hay algunos archivos importantes de plantilla con los que debes familiarizarse. Todos estos archivos se encuentran en el subdirectorio o carpeta “page”. Los archivos .phtml en este directorio son el de mayor nivel de cambio que puedes aplicar a cualquier página. Otorgan estructura de 1, 2, ó 3 columnas a cualquier página, así como el abastecimiento páginas tipo “panel” y un diseño para imprimir amigable.

Aunque puedes agregar cualquier archivo de plantilla de nivel superior en el directorio “page” a tu propio tema, los archivos base/default son la única opción disponible para ti a través de la interfaz de administración.
Digamos que quieres un diseño de 4 columnas, entonces creas 4column.phtml. Este archivo 4column.phtml no estará disponible para ti en la interfaz de administración como configurado para cualquier página CMS. Puedes, sin embargo, cambiar el archivo de nivel superior para el nuevo archivo 4column.phtml o cualquier otro archivo que hagas con la configuración de XML en los archivos de diseño (layout). Por lo tanto, esta limitación sólo es una limitación de la interfaz de usuario.

Este artículo junto con anteriores que he publicado están más centrados en las necesidades del desarrollador de la aplicación y sólo se discuté el sistema de diseño y la plantilla para hacer frente a los desafíos programáticos de tratar con ese sistema. Para el punto de vista de un diseñador del sistema de plantillas de Magento, puede empezar por leer la guía de diseño o con el tiempo trataré de hacer alguna publicación para esos fines.

Referencias

• Qué son los Módulos en Magento
• Qué es un tema en Magento
• Zend Framework

Publicado en: Magento por David Gómez Becerril / Etiquetas: Magento, poo, programación

« Tu empresa en facebook: Qué hacer y qué no hacer Introducción a SEO »