JqZoom no funciona

[ErikSebastia2]

He activado la característica de JqZoom y no funciona en mi tienda:

 

http://www.travisport.com/outdoor-1/106-gps-garmin-dakota-20-753759094874.html

 

Gracias

[ErikSebastia2]

Alguna ayuda por favor?

Gracias

[shacker]

fijate si co nel theme por defecto funciona

[ErikSebastia2]

Buenas tardes Shacker, con el tema original de Prestashop hace el mismo efecto. Solo se ve la esquina superior izquierda.

 

Gracias

[nadie]

¿Que versión de prestashop tienes?

¿Has probado con la plantilla, pero la prestashop, no me refiero a la prestashop_new...?

[ErikSebastia2]

He probado con la plantilla "Prestashop". Mi versión es: PrestaShop™ 1.4.4.0

 

Gracias

[emarsax]

Es posible que otro modulo pueda estar creando algún conflicto de compatibilidad, a mi me paso algo parecido con un modulo que presentaba etiquetas encima de las imágenes.

[jordiob]

Como dice emarsax, puede ser otro módulo que estará utilizando alguna función del jquery que se está dando de tortas con el jqzoom. Busca cuál es la función que dispara la imagen ampliada y compara con los módulos que has instalado por si alguna de sus funciones en jquery puede estar pisando a la de jqzoom.

[shacker]

si, si con el theme por defecto es lo mismo, seguro es un modulo de terceros. intenta deshabilitar los que agregaste uno por uno hasta dar con el que cause el problema

[ErikSebastia2]

Busca cuál es la función que dispara la imagen ampliada y compara con los módulos que has instalado por si alguna de sus funciones en jquery puede estar pisando a la de jqzoom.

 

Cómo puedo buscar la funcion? Leyendo todo los códigos?

 

Gracias

[jordiob]

Encontrarás la función en /js/jquery/jquery.jqzoom.js

[shacker]

igual deberia deshabilitar lo que instalo, va a llegar mas facil por que no se ve error alguno hasta ahora

[jordiob]

igual deberia deshabilitar lo que instalo, va a llegar mas facil por que no se ve error alguno hasta ahora

 

Sí. Me da a mí que va a ser algún módulo que ha instalado que también está usando una función de zoom

Creo que lo que está pasando (lo que veo yo en el código) es que la capa donde aparece el zoom se carga bien, pero la imagen que queda dentro (que tiene un class llamado bigpic) no aparece, como si estuviera con un display:none, pero mirando el código no veo que esté puesto ese display:none. Un expediente X, vamos.

[shacker]

estoy llamando a mulder a ver si sabe algo

[ErikSebastia2]

No consigo encontrar la solución o el módulo que causa el conflicto.

[jordiob]

Acabo de entrar y ahora no está activado el JQZoom, ¿puede ser?

[ErikSebastia2]

Disculpa, lo he desactivado porque me lo pidieron mis compañeros (ya que no funcionaba correctamente).

 

Ahora esta activado

[jordiob]

Te vas a reír y mucho. O igual no

La imagen siempre ha estado ahí, pero como la capa de zoom es pequeña, solo muestra lo que sale arriba a mano izquierda de la imagen, es decir, blanco.

 

Si en el archivo jqzoom.css modificas esto:

 

div.zoomdiv {
   background: none repeat scroll 0 0 #FFFFFF;
   border: 1px solid #CCCCCC;
   display: none;
   height: 100px;
   left: 0;
   overflow: hidden;
   position: absolute;
   text-align: center;
   top: 0;
   width: 100px;
   z-index: 100;
}

 

por esto:

 

div.zoomdiv {
   background: none repeat scroll 0 0 #FFFFFF;
   border: 1px solid #CCCCCC;
   display: none;
   [color=#ff0000]height: 600px !important;[/color]
   left: 0;
   overflow: hidden;
   position: absolute;
   text-align: center;
   top: 0;
 [color=#ff0000]  width: 600px !important;[/color]
   z-index: 100;
}

 

Verás que la capa de la imagen saldrá enorme, a 600x600 y la imagen se verá. El problema es que la imagen grande es de 600x600 píxels y nunca se verá en un cuadro tan pequeño.

 

Pilla el archivo jqzoom.css y sustituye todo el código por este:

 

div.zoomdiv {
   background: none repeat scroll 0 0 #FFFFFF;
   border: 1px solid #CCCCCC;
   display: none;
   height: 400px !important;
   left: 0;
   overflow: hidden;
   position: absolute;
   text-align: center;
   top: 0;
   width: 400px !important;
   z-index: 100;
}
img.jqzoom {
   cursor: crosshair;
   position: relative;
}
.zoomdiv .bigimg {
   width: 100%;
   height: 100%;
}

[ErikSebastia2]

Hola Jordi, he modificado el CSS y la imagen aparece correctamente, pero el efecto de Zoom no. Solo se ve la imagen a tamaño grande.

 

Gracias

[jordiob]

Lo sé, el efecto zoom a mí nunca me funcionó, pero el JS es correcto. Al menos ahora se vé la imagen zoomeada, ¡algo es algo!

[nadie]

Lo sé, el efecto zoom a mí nunca me funcionó, pero el JS es correcto. Al menos ahora se vé la imagen zoomeada, ¡algo es algo!

Que yo vea, no se le ve la imagen "zoomeada", en su ficha del producto, se ve pequeña y sin posibilidad de ver nada.

[shacker]

creo que el problema es del tpl del template. podrias reemplazar el product.tpl por el theme por defecto (haz un backup primero) y fijate s ifunciona. REcuerda forzar compilacion e npreferencias, rendimiento

[ErikSebastia2]

He cargado de nuevo el template Prestashop (donde coje el prouct.tpl original) y sigue fallando.

Edited July 26, 2012 by ErikSebastia2 (see edit history)

[Isa López]

Hola, yo tampoco veo más grande mis imágenes. Lo he cambiado en el tpl del theme y en el de prestashop original. ¿Sabeis otra opción?