Jump to content

[SOLUCIONADO] Posición ventana jqzoom


OPS

Recommended Posts

Buenas denuevo

 

Tras habilitar el efecto jqzoom en la página de product-list.tpl, con la ayuda de este foro, ahora no consigo que las imágenes ampliadas queden dentro de la pantalla. Concretamente lo que ocurre es que la primera y la segunda imágen aparecen bien pero a partir de la tercera se va fuera de la pantalla, por la parte de abajo.

 

He estado probando con las opciones de "position" de jqzoom pero no consigo que las ventanas se comporten con normalidad, entendiendo por normalidad que se abran al lado derecho de la imagen de origen tal como hace la primera y la segunda.

 

El enlace a mi página de prueba es el siguiente.

 

http://www.chapaypin...?id_category=20

 

Si no se entiende trato de explicarlo mejor. Adjunto un par de imágenes para aclarar.

 

Gracias de antemano.

post-327894-0-06030000-1334247729_thumb.jpg

post-327894-0-96733400-1334247743_thumb.jpg

Link to comment
Share on other sites

Estimado,

 

Gracias por tu respuesta. No obstante, ese es precisamente el problema, es decir, que necesitamos que se vean las imágenes con el scroll funcionando tal cual está ahora.

 

Concretamente queremos que el cliente tenga en la misma pantalla toda la información sin necesidad de desplazarse hacia abajo, por eso lo de ese scroll en la página product-list.tpl.

 

¿Hay alguna opción para que la imagen ampliada se presente siempre en la misma posición, referenciada a la página principal por ejemplo?

 

Gracias de antemano.

Link to comment
Share on other sites

Buenos días a todos

 

Parece que le hemos dado una solución. Fundamentalmente he hecho dos cosas que regojo a continuación por si le pudiera servir a alguien:

  1. Modificar el archivo /js/jquery/jquery.jqzoom.js

Cambiando la línea

 

$("div.zoomdiv").css({top: imageTop,left: leftpos});

 

por

 

$("div.zoomdiv").css({top: 100, left:400});

 

con esto conseguimos que la ventana con la imagen ampliada siempre se ubique en la misma posición de la pantalla, evitamos por lo tanto que el scroll consuma parte de la imagen como ocurría al intentar posicionarla con referencia a la imagen en miniatura.

 

2.- Hemos rectificado el tamaño de las imágenes que estabamos utilizando

 

En realidad el problema era que la imagen que usábamos para el producto era menor que el tamaño configurado en prestashop --> preferencias --> imágenes. Al ser la imagen que cargábamos menor que el tamaño configurado aquí prestashop ampliaba las imágenes con partes en blanco.

 

Bueno espero que esto ayude a alguien. Gracias a todos.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...