29 Jul
Sin comentarios

Themes, una introducción teórica

Publicado por eri hace 1 año, 7 mess en: Desarrollo

Para empezar a conocer los themes de Magento, te recomiendo que conozcas los  Website y los Stores y aprendas sobre la Interface.

 

Themes

Un tema (theme en inglés) es una combinación de layouts, templates, locale y skin que permiten construir la parte visible de nuestra tienda. También podemos realizar un theme modificando solo el skin.

Magento utiliza un sistema de herencia para permitir cargar varios themes a la vez, esto nos permite aprovechar partes de un theme que no deseamos modificar. Para éste propósito, se nos facilitan 2 tipos de themes:

  • Default theme:Todas las Interfaces vienen por dececto con ese theme, así, al asignar una interfaz Mgento utiliza de forma predeterminada los componentes disponibles en ese theme (layouts, templates, …). Para personalizar el diseño de nuestra tienda, podemos modificar directamente ese theme o bién crear uno de non-default. Eso sí, si modificamos directamente un default theme debemos tener siempre presente que, para dejar a Magento libre de errores, este theme debe contener siempre todos los archivos de layout, template y skin, ya que ese siempre es el theme más bajo en la jerarquía.
      
  • Non-default theme:Un tema que no sea por defecto puede contener tantos archivos como sea necesarios, per la ventaja reside en que podemos obviar  los que no necesiten ser modificados. De esa forma los hace indispensables para realizar “mini themes” para temporadas especiales como navidad. Ya que con unas pocas imágenes y algún que otro css podemos dar otra imagen a nuestra tienda.
 
Un theme se compone de todos o alguno de los siguientes directorios:
  • Layout (en app/design/frontend/tu_interfaz/tu_tema/layout/)
    Archivos XML que definen los bloques estructurales y los bloques de contenido.
      
  • Templates (en app/design/frontend/tu_interfaz/tu_tema/template/)
    Archivos PHTML que contienen (X)HTML y PHP para crear la lógica de presentación. 
      
  • Locale (en app/design/frontend/tu_interfaz/tu_tema/locale/)
    Archivos de texto que sontienen las traducciones.
      
  • Skins (en skin/frontend/tu_interfaz/tu_tema/)
    Archivos Javascript, CSS e imágenes.

 

Puedes visitar la documentación oficial aquí (en inglés).

No hay comentarios, anímate a ser el primero!
Feed de comentarios

Dejanos un comentario

Tu email nunca será publicado o compartido. Los campos requeridos están marcados con *


Los comentarios son responabilidad de su autor y sujetos a moderación