Archivo de la etiqueta: themes

Primeros pasos para crear un theme en Magento2

Definición de un theme en Magento2

No sólo aquellos que hagan backend deberán enloquecerse aprender a jugar con Magento2, el frontend también trae cambios, algunos buenos y otros… digamos… cuestionables.

Ayer veíamos cómo crear, para un módulo, un bloque y un template custom. Hoy la idea es dar otro pequeño paso y sentar las bases para nuestro primer theme.

Comenzaremos por crear, dentro de app/design/frontend el directorio del Vendor. En mi caso será Barbanet. A su vez, dentro de dicho directorio, crearemos el del theme, que en este ejemplo se llamara sampletheme.

Sigue leyendo

Crear un bloque y un template en Magento2

Bloque custom en Magento2

Continuando con la idea de familiarizarnos con Magento2 y entender un poco la transición, hoy toca agregarle a Barbanet_SampleModule su primer bloque custom junto a un template.

La intención principal no será crear funcionalidad, sino comenzar a entender cómo funciona y qué cambia o cómo se entiende para los que ya veníamos desarrollando para Magento.

Lo primero que había agregado al módulo era el controller para el frontend, pero hasta ahí sólo se mostraba el layout general de Magento.

Controller con ruta amigable para el usuario en Magento2

Sigue leyendo

Compilando los ficheros Sass de Magento utilizando Gulp y Node-sass

Sass

Antes de todo dar las gracias a Damián por invitarme a escribir en su blog, es un honor escribir en un blog del que hemos aprendido tanto, espero estar a la altura.

Desde la versión 1.9.0.0 de Magento se nos introdujo de forma nativa en los themes Sass con el famoso theme rwd. Trabajando como Freelance, me he encontrado con infinidad de proyectos en los que tocan directamente el css sin compilar los SCSS, lo que lleva a una perdida de tiempo y a unos buenos dolores de cabeza cuando el proyecto lo toca otra persona.

Para simplificar todo el proceso de compilación de los ficheros Sass a los css, después de muchos dolores de cabeza con Ruby, me decanté hace tiempo en hacerlo con Node.js.

Sigue leyendo

Cómo crear Widgets en Magento

Si bien este es un tema viejo (los widgets fueron implementados en febrero de 2010 con la versión 1.4.0.0 de Magento), todavía hay proveedores proyectos que fuerzan al cliente a manejar el contenido CMS copiando y pegando html puro y duro (si, en el año 2014).

Los casos más burdos vistos involucran:

  • slider
  • productos nuevos
  • productos destacados
  • página de promociones

¿Por qué es esto un problema?.

Sigue leyendo

Herencias de themes en Magento 1.9.0.0

Con respecto a los themes, además de contar con una opción enfocada en responsive (si, no es 100% responsive aún el theme que viene por defecto), vamos a encontrar una nueva forma de manejar las herencias (lo cual muchos van a agradecer).

Como los ejemplos demuestran mejor, voy a crear un theme nuevo, en un paquete independiente, y sólo voy a agregar la carpeta etc y dentro de ella, el archivo theme.xml.

theme.xml para los themes en Magento

Sigue leyendo