Abrir en una nueva ventana los colores de un producto

[Baldink]

Buenos días.

Tengo un Prestashop 1.7 para una tienda de muebles donde los productos tiene el atributo Texturas (colores).

https://diokainteriorismo.es/sofa-relax/4-113-sofa-antares-relax.html#/6-medidas-3_plazas_chaise_longue_derecho/33-texturas-kss17

Y el cliente quiere que al pulsar en cada foto de textura aparezca en grande para verla más en detalle.

Alguien conoce algún módulo que pueda servir para esto?? o alguna forma de hacerlo con css??

Gracias de antemano.

Saludos.

[Gescloud]

Buenos días, te digo de memoria, pero eso ya lo hace prestashop nativamente no? solo tienes que colocar a cada combinación la foto correspondiente.

Lo probaré en test a ver si me lo he inventado o es como te comento.

Un saludo.

[Baldink]

Saldría en la parte de las fotos. La idea sería que se viera en grande la textura al pasar o pulsar con el ratón sobre ella. Sin tener que ponerlas en la galería de imagenes de la izquierda.

[Gescloud]

Buenas. 

Disculpa, no te entendí bien al principio.

Es esto lo que buscas?

[Los Monos Creativos]

Hola!

Si te he entendido bien, lo que deberías de hacer es subir en la ficha de producto todas las fotos del producto con las diferentes texturas.

Una vez hecho esto, deberías de ir a las combinaciones y asignar cada foto a la combinación que se corresponda.

De este modo, no se mostrarán todas las fotos de golpe, solo te mostrará la foto de la combinación que tengas seleccionada.

 

Espero haber sido de ayuda

[Baldink]

Sí, algo así Gescloud, pero que se vea más grande para que la textura se distinga bien.

[Gescloud]

2 hours ago, Baldink said:

Sí, algo así Gescloud, pero que se vea más grande para que la textura se distinga bien.

Pues te comento que vas a tener un problema con las posiciones, si haces más grande una textura cuando se coloca encima el ratón (no valdría para móvil) se te van a mover el resto de elementos.

Si haces el efecto cuando se selecciona se haga más grande, van a moverse igual pero se van a mantener hasta que pulsen otro.

En ambos casos el efecto es raro, pierdes usabilidad.

 

Dicho esto, si aun así quieres seguir con agrandar la imagen solo tienes que meter en tu css lo siguiente:

.product-variants input:checked + span.texture {
	width: 100px;
    height: 100px;
}

En px el tamaño que desees.

Un saludo.

[Baldink]

Habria alguna manera de meterle un zoom como el de la galería de imagenes??

[Gescloud]

Buenas. no creo que tengas problema editando el tpl, aquí ya tendrás muchas opciones.

Te dejo un ejemplo:

https://www.w3schools.com/howto/howto_js_image_zoom.asp

[Baldink]

Para este caso sería un cuadro muy pequeño para hacer zoom, y ya no se pueden hacer más grandes las imagenes de las texturas. Pero gracias.

[Baldink]

Hemos comprado el módulo "magic zoom plus", si lo hablais con el soporte os ayudan a conseguir que se haga ese zoom en los atributos.

Se puede cerrar el hilo.

Edited November 3, 2022 by Baldink (see edit history)