Archivo de la etiqueta: javascript

Cien formas de agregar validaciones Javascript personalizadas que NO funcionan y una que si

(un cuento de hadas dentro del mundo del checkout de Magento2)

Cuento de hadas

Alerta de spoiler: no serán 100 pero definitivamente se sintió como si lo fuera.

Un día, la Reina de un pujante reinado que vendía todos sus buenos productos, se dio cuenta que los compraban algunas personas que no lo merecían, por lo que le pidió a su fiel desarrolladora que encontrara la forma de encargarse de esto.

Nuestro desarrollador comenzó su viaje leyendo un enorme archivo hecho con una técnica muy muy antigua, llamada xml, en la siguiente ubicación: vendor/magento/module-checkout/view/frontend/layout/checkout_index_index.xml

Sigue leyendo

RequireJS en la configuración de nuestro módulo en Magento2

RequireJS

Si te quedaste enganchado con el articulo anterior, este te va a gustar mas. Vamos a incluir nuestro js en la pagina de configuración de nuestra extensión.

Capaz que te preguntás para qué, entonces vamos a poner un ejemplo.

Sigue leyendo

Cómo incluir nuestro propio archivo Javascript en Magento2

RequireJS

Si bien las herramientas para el admin de Magento son muy útiles al momento de definir rápida y fácilmente la configuración de nuestro modulo, cuando queremos hacer algo un poco mas complicado debemos conocer algunas técnicas.

Como sabrán (y si no saben se están enterando ahora) Magento2 maneja los archivos .js mediante RequireJS, esto hace que cambie un poco la forma de cargar un javascript.

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

Dc_Minifier 0.1.0 (mergeando y comprimiendo)

Bien es sabido que la opción de mergear archivos css y js en Magento no comprime. Lo que hace la funcionalidad es generar muchísimos menos archivos con el contenido de todos aquellos que estemos utilizando (tanto para los archivos css como para los archivos js).

El módulo no reemplaza funcionalidad, sino que suma la posibilidad de comprimir o css o js si es que tenemos activada la opción nativa de merge.

Configuración Dc_Minifier en Magento

Sigue leyendo