Cuando queremos modificar un tema, podemos crear nuevas posiciones para sus elementos, para ello podemos utilizar bloques. Creamos un nuevo bloque yendo a CMS–>Bloques estáticos y añadimos lo que queramos al bloque (divs, párrafos , tablas…….todo lo que queramos que se muestre)
Para estilarlo, utilizaremos hojas de estilo. El problema es que si modificamos las existentes, como es el caso de boxes.css, luego tendremos problemas a la hora de actualizar el magento. Por tanto, lo mejor es crear una nueva hoja de estilo en skinfrontenddefaultdefaultcss mihoja.css e importarla en boxes.css (para el default theme ) o en styles.css (para el blank theme).
@import url(“mihoja.css”);
Hay otras formas de importar hojas de estilo, como sería poner:
css/mihoja.css
en page.xml , pero este método da problemas con las direcciones relativas a imágenes mientras que usando el primero funcionan perfectamente.
Lo que pasa es que como tenemos que modificar más cosas que los css, todo lo que modifiquemos en los .xml al actualizar el magento se machacan…entonces para no tener este problema es mejor realizar las modificaciones en un tema que creemos nosotros, para ello tenemos que hacer lo siguiente:
- Copiar la carpeta default en ..appdesignfrontenddefault y ponerle un nombre, por ejemplo mi_tema
- Copiar la carpeta default en ..skinfrontenddefault y ponerle el nombre del tema mi_tema
Ahora vamos a la opción Configuración → Diseño y ponemos lo siguiente:
- Paquete: default ( o el nombre del paquete en caso de que hayamos creado uno previamente)
- Traducciones: (vacío)
- Plantillas: mi_tema
- Skin (Images/css): mi_tema
- Diseño: mi_tema
- Por defecto: mi_tema
