Mostrar imagenes de producto con "Rollover"

lalaland

Nuevo usuario
Hola.
He estado mirando en varios foros en español y no he conseguido dar con lo que quiero.
Me gustaría que las fotos de un producto se mostrasen en la vista principal solo con pasar el ratón por encima (rollover) y no como viene en Magento (no tener que hacer click y que se abra otra ventana).
Imagino que no debe ser muy complicado, pero para el que no es programador de verdad es un mundo... :uhm:
Un saludo!
 

Xarlie

Super Moderador
Miembro del equipo
No es dificil:
En un primer paso, en la lista de productos, tendrás que sacar la información de la imagen principal o imagen grande.
Programar en las plantillas afectadas como por ejemplo list.phtml el código necesario para hacer el rollover, y además en los XML del layout meter el fichero js donde tendrás el código javascript.
 

lalaland

Nuevo usuario
Hola Xarlie.
Por fin estoy con el tema del rollover...
Imagino que para ti debe ser facil lo que me explicas, pero para mi es casi japonés...:sorprendido:

Lo qe quiero es que en la vista de un producto con varias imágenes, al pasar el ratón por encima de una de las imágenes que aparecen en pequeño debajo de la imagen principal se cargen automáticamente en la imagen principal, sin necesidad de hacer click.

¿Podrias detallasmelo un poco más?
gracias
 

meigallodixital

Nuevo usuario
Si le cambias por js el src a esa imagen te valdría.

Ejecutas esto en el onmouseover de cada imagen pequeña con el id de la imagen grande. Lo ideal sería precargarlas pero eso ya sería más complejo.

Insertar CODE, HTML o PHP:
document.getElementById(id_imagen_grande).src="imagen.png"
 
Arriba