Estructura de los skins en Magento

Una pregunta que cada tanto aparece en los foros de Magento, es sobre la lógica y orden de los skins (o templates).

Vamos a tomar como ejemplo, el frontend de la tienda, usando el skin que viene por defecto.

Por un lado tenemos al material estático del skin. Entiéndase en este caso: imágenes, archivos css, archivos javascript y el favicon.

Estos archivos se encuentran dentro de:

/skin/frontend/default/default

Dentro de esa carpeta, están organizados de la siguiente forma:

/skin/frontend/default/default/css
/skin/frontend/default/default/images
/skin/frontend/default/default/js
/skin/frontend/default/default/favicon.ico

En segundo lugar, tenemos las plantillas html, los archivos xml de configuración de cada bloque que se invoca y la posibilidad de utilizar traducciones específicas para el skin, almacenadas en un archivo csv.

Todo este material se encuentra en:

/app/design/frontend/default/default

En este caso, las carpetas se estrucutran de la siguiente manera:

/app/design/frontend/default/default/layout
/app/design/frontend/default/default/locale
/app/design/frontend/default/default/template

Teniendo los archivos ya ubicados, solo nos resta comenzar a modificar los archivos html y jugar un poco con los css del skin.

Más adelante vamos a ver sobre la diferencia entre paquetes y plantillas dentro del ámbito de los skins de Magento.