Utilizar jQuery en Magento

Magento utiliza la librería Prototype para darle más dinamismo a la tienda.

Prototype es un framework escrito en JavaScript que se orienta al desarrollo sencillo y dinámico de aplicaciones web. Es una herramienta que implementa las técnicas AJAX y su potencial es aprovechado al máximo cuando se desarrolla con Ruby On Rails.

No quiero dar a entender que Prototype sea una mala opción o no pero yo prefiero emplear jQuery debido a que lo tengo más por la mano. Por ejemplo, para una tienda de un cliente tuve que añadir un slider personalizado y un carousel de productos con plugins jQuery que suelo utilizar: Basic jQuery Slider y jsCarousel.

El problema viene cuando te das cuenta que el jQuery crea conflicto con los scripts de Prototype. No podemos incluir los scripts de jQuery con dolar ($).

Lo que debemos hacer es algo como lo siguiente:

var $j = jQuery.noConflict(); 

$j(document).ready(function(){
    $j("#content").css("background-color","#ff0000");
});

Si te ha servido este tutorial no dudes en hacerte fan de la página de facebook del blog o seguirnos a través de Twitter.

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (2 votos, promedio: 5,00 de 5)
Cargando…

Comparte en las redes sociales

Escrito por Jose Aguilar - Experto programador Prestashop y Wordpress.

2 comentarios para “Utilizar jQuery en Magento

  • Erick dice:

    Hola Jose,
    Trabajo con magento para gestionar mi web y es primera vez que lo hago. Tengo un problema muy sencillo pero que no logro resolver!!!.

    He creado una landing cuyas imágenes se pueden ver perfectamente en responsive; pero al insertar dos botones en paralelo no logro que se hagan responsive.

    Si tienes alguna idea, podrias ayudarme.

    Saludos,
    Erick

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*