[Solucionado] Activar JqZoom (lupa) en lugar de Thickbox (modo por defecto)

[dulantziko]

Hola,

 

Tengo activado en mi web el JqZoom para que salga la lupa cuando pasas por encima de un producto pero siempre me sale el mismo producto,es decir si tengo dos fotos solo se ve la primera y si tengo combinaciones lo mismo, accedas al que accedas a ver lupa solo ves el primero.

 

Adjunto captura.

 

Saludos.

[Feliz Garcia]

Curiosamente me pasa lo mismo en Prestashop 1.5.6.1 y con la plantilla por defecto, voy a ver por el foro ingles, si encuentro algo relativo al asunto.

[dulantziko]

Se me olvidó poner la versión, es las 1.5.6.1 y como bien citas con la estandard también ocurre.

 

He buscado por todos sitios pero no veo nada, a ver si tenemos suerte.

[dulantziko]

¿Alguien sabe como solucionar el problema?

[dulantziko]

Parece que no :-(

[dulantziko]

¿?

[dulantziko]

Ya lo he arreglado. 

 

El problema es que tanto en la versión 1.5.6.1 como la 1.5.6.2 han cambiado el metodo ".attr" por el metodo ".prop" que es mas nueva y se utiliza desde la versión 1.6 de jquery, se ve que muy bien no funciona para este caso.

 

Copio la solución.

 

Debéis ir al archivo product.js ubicado en /themes/default/js/ y añadir este codigo.

//update display of the large image
function displayImage(domAAroundImgThumb, no_animation)
{
	if (typeof(no_animation) == 'undefined')
		no_animation = false;
	if (domAAroundImgThumb.attr('href'))
	{
		var new_src = domAAroundImgThumb.attr('href').replace('thickbox', 'large');
		var new_title = domAAroundImgThumb.attr('title');
		var new_href = domAAroundImgThumb.attr('href');
		if ($('#bigpic').attr('src') != new_src)
		{
			$('#bigpic').attr({
				'src' : new_src, 
				'alt' : new_title, 
				'title' : new_title
			}).load(function(){
				if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
					$(this).attr('rel', new_href);
			}); 
		}
		$('#views_block li a').removeClass('shown');
		$(domAAroundImgThumb).addClass('shown');
	}
}

No olvidéis eliminar el que ya tenia:

//update display of the large image
function displayImage(domAAroundImgThumb, no_animation)
{
	if (typeof(no_animation) == 'undefined')
		no_animation = false;
	if (domAAroundImgThumb.prop('href'))
	{
		var new_src = domAAroundImgThumb.prop('href').replace('thickbox', 'large');
		var new_title = domAAroundImgThumb.prop('title');
		var new_href = domAAroundImgThumb.prop('href');
		if ($('#bigpic').prop('src') != new_src)
		{
			$('#bigpic').prop({
				'src' : new_src, 
				'alt' : new_title, 
				'title' : new_title
			}).load(function(){
				if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
					$(this).prop('rel', new_href);
			}); 
		}
		$('#views_block li a').removeClass('shown');
		$(domAAroundImgThumb).addClass('shown');
	}
}

Saludos.

[nadie]

Como el autor del tema ha solucionado la duda, añado la palabra "Solucionado" en el titulo del tema y procedo a cerrar el tema.

 

Gracias a todos por colaborar con la Comunidad de Prestashop.