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

Responder a Erick Cancelar respuesta

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

*