Agregué un código JavaScript al archivo custom.js 1.7 de Prestahop porque quería cambiar la clase del div de la categoría del producto al pasar el mouse. El código funciona, pero si cargo la siguiente categoría o elijo cualquier filtro de la navegación por capas, el código deja de funcionar y solo funciona si vuelvo a cargar la página. Supongo que tiene que ver con la llamada de Ajax para cargar los resultados y la siguiente categoría, pero no soy muy bueno con JavaScript. ¿Alguna idea sobre cómo podría hacer que el código funcione después de cargar una nueva categoría o filtrar los resultados? Cualquier ayuda será apreciada.
$(".product-box").hover(function(){ $(this).addClass("current"); },function(){ $(this).removeClass("current"); });Como mencionó DustInCompetent, si es simplemente para agregarle un estilo css, puede lograrlo usando .product-box:hover .
Si también va a querer hacer cosas de JS, lo más probable es que .product-box se cargue dinámicamente. Entonces, su función .hover no funcionará para los nuevos elementos agregados al DOM. Podrías usar algo como esto:
$(document).on({ mouseenter: function () { //stuff to do on mouse enter }, mouseleave: function () { //stuff to do on mouse leave } }, ".product-box"); //pass the element as an argument to .on