Ahora estas en: Inicio > Blog ¿Qué es un tema en Magento? » El Blog DWQ

¿Qué es un tema en Magento? 3 marzo 2010

Interfaces y Temas

El significado de los términos tema e interfaz en Magento son contrastantes.

Interfaces en Magento

Una interfaz en Magento consta de uno o más temas que componen lo que se ve en su tienda, así como lo del aspecto que tiene para sus clientes. Magento soporta más de un tema a la vez, de modo que una interfaz no es necesariamente sólo un tema.

Temas en Magento

Un tema en Magento es lo que define la apariencia de una tienda. Las interfaces pueden tener múltiples temas que se les asigna en Magento, permitiendo que imágenes de temporada para ser utilizado en determinadas épocas, como Navidad o Día de la Amistad.
Un tema es lo que contiene los diseños, plantillas y superficies (skins).

Locales en Magento

Para tiendas multilingües en Magento, también los temas pueden contener locales, que es una traducción de la copia (o contenido) de esa tienda en particular.

Temas Predeterminados (Defaults) y no predeterminados

Sólo para añadir más a la confusión, también hay dos tipos de temas: los temas predeterminados y temas no predeterminados.

Tema Predeterminado

Un tema predeterminado en Magento es el tema principal de una interfaz. Magento busca este tema predeterminado, y se cargará a la interfaz de tu tienda (que es la parte que los clientes verán).

Nota.- El tema predeterminado debe contener todos los elementos que el visitante encontrará al visitar nuestra tienda, como el carrito de compras, pago, y así sucesivamente. Si tu tema no hace uso de estos elementos, entonces no es necesario incluir estos elementos en el tema predeterminado.

Temas No Predeterminados

Un tema no predeterminado permite crear vistas estacionales de las tiendas en línea con la aplicación de tantos o tan pocos elementos de diseño adicionales, tales como CSS o imágenes, como lo necesites. Los Temas no predeterminados también se pueden utilizar para personalizar tu tienda para:

• Crear una visión diferente o diseño de páginas de productos determinados, que requieren menos (o más) información que los productos normales.
• Proporcionar una forma de mostrar nuevos productos o incluso los productos que “pronto saldrán”, sin permitir a los clientes añadirlos a su tarjeta.
• Personalizar determinados aspectos de tu tienda con las especificaciones requeridas de cada país como un botón en una posición diferente en el sitio web que los clientes esperan en un país.

Jerarquía en los Temas

Como puedes tener múltiples temas en Magento, existe una jerarquía de temas implementado para que puedas predecir qué temas se mostrarán en un esquema de herencias. El tema predeterminado proporciona una base para cada aspecto de tu tienda Magento, desde cómo se ve hasta en dónde las cosas son mostradas. Temas posteriores pueden entonces sobreescribir lo que el tema predeterminado le dice a Magento, y cualquier elemento que no se ha sobrescrito se heredará del tema predeterminado.

El tema predeterminado es siempre el tema de nivel más bajo en la jerarquía de Magento. Esto significa simplemente que los temas no predeterminados, van a sobreescribir lo que el tema predeterminado proporciona a Magento.

Superficies (Skins), Diseños (Layouts) y Plantillas (Templates)

Superficies, diseños y plantillas son lo que Magento necesita en un tema. Cada uno de ellos ayuda a cambiar un tema de Magento de alguna manera. Modificar la superficie cambia la apariencia de tu tienda, al Modificar las plantillas y los diseños va a cambiar cómo se visualiza la tienda, y lo que se muestra en ella.

Superficies

Las Superficies de un tema de Magento es lo que hace al tema verse de la manera en la que se ve.

Las Superficies especifican los colores, tipos de letra, y algunas reglas de los diseños, cortesía de los archivos CSS y las imágenes. Las superficies del tema de Magento también pueden incluir archivos de JavaScript para cambiar el comportamiento de tu tienda.

Las Superficies de Magento incluyen archivos que afectan la combinación de colores de la tienda y logotipos.

El tema predeterminado de Magento se muestra en la siguiente figura:

Con algunos cambios extensivos en los elementos de la superficie del tema de Magento, podemos hacer que nuestra tienda se vea como el tema moderno de Magento (Modern Theme)

Como puedes ver, los elementos de la superficie en un tema de Magento ofrecen una gran flexibilidad para crear impactos diferentes en los efectos visuales.

diseños y Bloques

El diseño de las diversas vistas en Magento, tales como, el carrito de compras, páginas de detalles del producto, y la página de los resultados de producto, están controlados por los archivos de los diseños. Los archivos de los diseños en Magento están escritos en lenguaje de marcado extensible (XML).

Los diseños también se utilizan para agregar, quitar y manipular elementos en vistas de tu tienda de Magento. Mediante la manipulación de archivos de diseños, puedes:

• Incluir archivos JavaScript en ciertas páginas
• Incluir archivos CSS adicionales
• Eliminar bloques de contenido, tales como el carrito de compra o las imágenes predeterminadas de algunas páginas en particular

Como ejemplo, observa el tema predeterminado de Magento de la figura 1 o ir a http://demo.magentocommerce.com

Este tema se basa en una diseño de tres columnas, donde una columna central se utiliza para el contenido principal de la página, y las dos columnas adicionales que se utilizan para comentarios adicionales. La página de los productos utiliza el diseño de dos columnas, y este cambio se logra cambiando los archivos de los diseños del tema.

Hay dos tipos de bloques en Magento:

1. Bloques de contenido que producen el código dentro de cada bloque estructural, y de esto se sirven los archivos de las plantillas de Magento para generar la información pertinente que se requiere para cada bloque.
2. Los Bloques estructurales especifican la estructura de la página, como el encabezado, las áreas de contenido, y el pie de página.

Una diseño hace uso de ambos tipos de bloques, al igual que las plantillas de Magento.

Plantillas

Como se mencionó antes, las plantillas de Magento especifican que es lo que se debe mostrar en cada bloque de contenido en la forma de bloques de contenido. Los archivos de plantillas estan en PHTML.

El PHP en los archivos de plantilla es sólo para la lógica de presentación, es decir, el PHP se utiliza sólo para hacer cambios en la vista de tu tienda en los archivos de plantilla. Sin embargo, no afecta el funcionamiento de la tienda en sí, por ejemplo, calcular el costo de los artículos en un carrito de la compra.

En el tema predeterminado de Magento, un bloque estructural consta de un elemento de tu
la tienda, como el carrito de compras, una encuesta, o el contenido principal de la página, que se destaca en la siguiente pantalla:

Las Plantillas en Magento se dividen en dos tipos diferentes. En primer lugar, está el esqueleto de las plantillas que proporciona una estructura general de una página, como una columna, dos columnas o tres columnas. En segundo lugar, las plantillas proporcionan el HTML para los bloques de contenido para cada una de las características que han resaltado anteriormente.

Al manipular las plantillas de esta manera, Magento separa a las plantillas de “contenido de la disposición de la tienda, lo que facilita los cambios en la plantilla o bien el trazado, sin que necesites preocuparte si uno afecta al otro.

Referencias

• Working with Magento Themes
• Introducción a Magento

Publicado en: Magento por David Gómez Becerril / Etiquetas: eCommerce, Magento

« Introducción a Magento Cómo Cambiar el Tema del Panel del Admin en Magento »