Jump to content

Pinchar imagen para hacer zoom (Solucionado!)


Rodri88

Recommended Posts

Buenas,

 

lo que quiero es poner una imagen en product.tpl (ya está puesta), y que al pinchar salga otra imagen más grande.

 

Como lo tengo ahora es pasando el ratón por encima aparece la imagen, y al salir de ella desaparece la imagen, pero me gustaria utilizar el click y la tipica "X" para cerrar.

 

Lo más parecido que he encontrado es el zoom de las imagenes de producto, asi que lo que he pensando es coger y modificar el código que utiliza para hacer el zoom en la imagen.

Estoy intentando modificar la linea

src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')}"

por algo así:

src="{$link->getImageLink(mi imagen, con el tipo de imagen previamente creado'imagen_talla')}

 

Si hubiera otra forma de hacer os lo agradecería más incluso, porque esto no sé si se puede, porque es una imagen ajena al producto, quiero que sea algo general de todos los productos.

 

Gracias.

Edited by Rodri88 (see edit history)
Link to comment
Share on other sites

Buenas,

 

lo que quiero es poner una imagen en product.tpl (ya está puesta), y que al pinchar salga otra imagen más grande.

 

Como lo tengo ahora es pasando el ratón por encima aparece la imagen, y al salir de ella desaparece la imagen, pero me gustaria utilizar el click y la tipica "X" para cerrar.

 

Lo más parecido que he encontrado es el zoom de las imagenes de producto, asi que lo que he pensando es coger y modificar el código que utiliza para hacer el zoom en la imagen.

Estoy intentando modificar la linea

src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')}"

por algo así:

src="{$link->getImageLink(mi imagen, con el tipo de imagen previamente creado'imagen_talla')}

 

Si hubiera otra forma de hacer os lo agradecería más incluso, porque esto no sé si se puede, porque es una imagen ajena al producto, quiero que sea algo general de todos los productos.

 

Gracias.

 

¿Eso no lo lleva ya prestashop por defecto? (Al menos con la default lo lleva por defecto)

 

¿En Preferencias -> Configuración tienes activado o desactivado el JqZoom ? (Lo digo porque parece que ahora tienes activado el JqZoom es que el tema de la lupa...)

 

¿Estas usando la plantilla por defecto u otra?

Link to comment
Share on other sites

Es otra plantilla, y el JqZoom está habilitado, porque para las imágenes de los productos lo usa.

 

Es una imagen aparte, que pone "guia de tallas", que he puesto yo, y quisiera que al pinchar se apareciera otra con la tabla de las tallas.

 

¿Se os ocurre algo?

 

Sé q no debe ser muy difícil, con que al hacer click me aparezca la foto me vale.

 

Gracias de antemano

Link to comment
Share on other sites

Es otra plantilla, y el JqZoom está habilitado, porque para las imágenes de los productos lo usa.

 

Es una imagen aparte, que pone "guia de tallas", que he puesto yo, y quisiera que al pinchar se apareciera otra con la tabla de las tallas.

 

¿Se os ocurre algo?

 

Sé q no debe ser muy difícil, con que al hacer click me aparezca la foto me vale.

 

Gracias de antemano

 

Prueba esto:


<script type="text/javascript">
$(document).ready(function() {
$("a.fancybox").fancybox();
});
</script>

<a class="fancybox" href="ruta_image_grande"><img src="ruta_image_pequeña" /></a>

Edited by nadie (see edit history)
Link to comment
Share on other sites

Funcionando a la perfección.

 

Mil gracias por tu ayuda!!

Un placer ayudarte y servirte!

 

Si das el tema como solucionado, edita el titulo del tema, editando el primer mensaje, pulsando en editar, y después en "Usar editor completo", añadiendo la palabra "Solucionado" al titulo, esto ayudara, a mantener una mayor organización en el foro.

 

Si no encuentras como añadir la palabra "Solucionado" al título del tema, aquí tienes una guía: http://www.prestashop.com/forums/topic/269515-solucionado-¿como-poner-la-palabra-solucionado-en-el-titulo-del-tema/

Link to comment
Share on other sites

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