Avisos
Vaciar todo

[Resuelto] Deshabilitar zoom en slider de productos - Woocommerce  

Página 2 / 2
 
Daniel
 Daniel
Usuario experto

Desearía eliminar el zoom del slider de la galería de productos de woocommerce, pero solo ese zoom, manteniendo las demás opciones (fullscreen y thumbnails)

La url es:

https://www.mymobilhome.es/producto/hergohomes-brasil/

En la versión actual de Woocommerce ya no hay opciones para poder desactivar el zoom del slider, pero encontré un código php para el tema "Generatepress" que lo elimina, es este:

function remove_image_zoom_support() {
remove_theme_support( 'wc-product-gallery-zoom' );
}
add_action( 'wp', 'remove_image_zoom_support', 100 );

Ahora tengo el inconveniente que también desaparece la lupa que antes había, y al hacer click sobre la imagen esta aparece en fullscreen, pero, la primera vez, con la imagen superpuesta dos veces, así:

Anotación 2020 08 14 161019

Donde se aprecia que aparece dos veces la misma imagen 😥.

Cuando solo debería aparecer esto:

Anotación 2020 08 14 161105

¿Habría forma de eliminar el zoom del slider y que permanezca la lupa para el fullscreen o mejor aún, que desaparezca la lupa sin que aparezcan las dos imágenes simultaneas?.

Gracias por vuestra colaboración.

Respondido : 14/08/2020 3:41 pm
Daniel
 Daniel
Usuario experto

@argenis

Buenos días.

No, creo que no me explico bien, posiblemente al mezclar los conceptos "zoom" y "fullscreen" que parecen lo mismo pero me refiero a cosas distintas.

No puedo reproducir a lo que me refiero en mi web (que ese es el primer y principal problema en este momento, que no sé como volverlo a poner), por lo que, solo para mayor claridad, he tomado un video de otro sitio que sí está como lo tenía antes en origen. Es este: 

Si te fijas, al principio del vídeo al pasar el cursor por encima de la imagen, hace un "efecto lupa" (lo que estaba llamando "zoom") y luego si haces click sobre la lupa de la parte superior derecha, hace fullscreen (desaparece el slider y aparece la imagen totalmente ampliada). Así es como lo tenía antes, y como no consigo volverlo a poner. Añadí a functions.php el código que mencionaba que removía 'wc-product-gallery-zoom', pero no soy capaz de revertir la situación.

Lo que pretendía, una vez llegado al punto anterior, era que todo siguiese igual pero sin que hiciera "efecto lupa" al pasar el cursor por encima de la imagen del slider, pero que sí continuara la lupa arriba a la derecha para hacer fullscreen.

¿Se pueden hacer ambas cosas?.

Respondido : 18/08/2020 9:24 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Daniel,

Puedes probar si algún plugin te permite añadir el zoom magnificado que deseas.

-> https://es.wordpress.org/plugins/zoom-magnifier-for-woocommerce/

-> https://wordpress.org/plugins/yith-woocommerce-zoom-magnifier/

Comprueba si al instalarlo te añade la funcionalidad.

Un Saludo

Respondido : 18/08/2020 11:18 am
Daniel
 Daniel
Usuario experto

@karen

Gracias Karen.

De todas formas lo que quería era lo contrario, que usando el plugin original de woocommerce no hiciera ese zoom magnificado. Que de cualquier modo, ahora mismo no lo hace, la consulta era por si podía restituir algo que había cambiado sin querer, pero como no le afecta a nada más, se queda como está.

Por otro lado, aprovecho para comentarte. Ahora mismo al hacer click con el ratón sobre cualquier lugar de la imagen, esta aparece en fullscreen, ¿hay forma de que haga ese efecto solo al pulsar sobre la imagen de la lupa?. Si es muy enrevesado, lo dejo tal cual está y no me complico.

Respondido : 18/08/2020 12:13 pm

Cursos Gratuitos WordPress

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Daniel,

En este caso no logramos comprender si quieres o no la opción de zoom al pasar el mouse sobre la imagen, si la necesitas puedes utilizar uno de los dos complementos que te compartió Karen:

->  https://es.wordpress.org/plugins/zoom-magnifier-for-woocommerce/

->  https://wordpress.org/plugins/yith-woocommerce-zoom-magnifier/

No logramos ver por consola ningún problema o falta de código base por parte del woocommerce para este funcionamiento, por lo que no sabríamos si agregaste un código fuera de las consultas así que en este caso lo mejor sería utilizar uno de estos complementos para hacer lo que necesitas.

Por otro lado, aprovecho para comentarte. Ahora mismo al hacer click con el ratón sobre cualquier lugar de la imagen, esta aparece en fullscreen, ¿hay forma de que haga ese efecto solo al pulsar sobre la imagen de la lupa?. Si es muy enrevesado, lo dejo tal cual está y no me complico.

Lo que intentas hacer es algo mas elaborado que debe hacerse mediante código javascript y requiere un poco mas de trabajo en programación por lo que puedes dirigirte si de verdad lo necesitas, a Colaboradores, donde con gusto podran ayudarte con tu solicitud, o puedes dejarlo como esta actualmente.

Un saludo 🖐️ 

Respondido : 18/08/2020 1:17 pm
Daniel
 Daniel
Usuario experto

@argenis

Gracias Argenis. No, no quería el zoom, justamente era lo contrario, quitar el que traía por defecto Woocommerce, que es como está realmente ahora. Lo que ocurre es que por alguna razón, no sabría restablecerlo si alguna vez lo quisiera, de ahí la consulta. Pero como os decía no es importante, ahora mismo y gracias a vuestra ayuda el slider contiene todo lo que necesitaba: flechas para pasar de una imagen a otra y lupa para fullscreen. Perfecto.

No, no creo sea necesario añadir más codigo javascript, te agradezco la propuesta de Colaboradores, pero prefiero abordar otros temas que me quedan pendientes (en otro aparte para no mezclarlos) y dar este por concluido.

Gracias de nuevo por vuestra inestimable ayuda.

Respondido : 18/08/2020 3:02 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Daniel,

Estupendo, estaremos al pendiente del nuevo tema.

Un saludo 🖐️ 

Respondido : 18/08/2020 3:05 pm
Página 2 / 2