Pregunta sobre Ascend de Wordpress:

Woo hover zoom no funciona

Un usuario preguntó 👇

Tengo una pregunta frente a mí, para todos los productos recién agregados, el zoom flotante en la galería de WooCommerce no funciona (las cosas van por encima de las imágenes, simplemente amplíen). ¿Me puede ayudar con eso?

¡Gracias!

(@hannahritner)

Hace 2 años, 8 meses

Oye, ¿puedes publicar un enlace? ¡Gracias!

Hannah

(@samrgomes)

Hace 2 años, 8 meses

¿Puede ir seguido de un correo electrónico con temas de Kadence? Tendré que compartir las credenciales de la cuenta, ya que la tienda Woo está cerrada solo para suscriptores.

(@hannahritner)

Hace 2 años, 8 meses

¿Está utilizando un plugin para el zoom del producto? El tema gratuito no tiene esta función por defecto.

Hannah

(@samrgomes)

Hace 2 años, 8 meses

Hola Hannah. Creo que esta es una característica predeterminada de Woo. En ‘Opciones de tema> Configuración de producto> Configuración de contenido de producto único’ hay una opción «¿Habilitar el zoom de desplazamiento de woocommerce para la galería de productos? (Debe tener woocommerce 3.0+)», y está habilitada.

(@hannahritner)

Hace 2 años, 8 meses

Oh, lo siento, estaba viendo el tema equivocado. Puede enviarme información de inicio de sesión si lo desea. [email protected]

Hannah

(@samrgomes)

Hace 2 años, 8 meses

Email enviado. ¡Gracias!

(@hannahritner)

Hace 2 años, 8 meses

¿Puede decirme qué contribuyó al tema de su hijo?

Hannah

(@samrgomes)

Hace 2 años, 8 meses

Algunas funciones en funciones .php, algunos JS y CSS personalizados, y plantillas (aunque no hay plantillas de productos WC).

(@hannahritner)

Hace 2 años, 8 meses

Disculpe la demora. ¿Ha intentado desactivar sus plugins para ver si alguno de ellos está en conflicto? Recomendaría hacer eso. Avísame si no hay cambios.

Hannah

(@samrgomes)

Hace 2 años, 8 meses

Probé deshabilitar algunos plugins. Algunos de los productos que muestran el zoom no tienen mucho sentido y otros no. Verifiqué que algunos productos tienen la etiqueta de imagen con la clase «zoomImg», mientras que otros no. ¿Cuáles son las condiciones para crear esta etiqueta img?

(@samrgomes)

Hace 2 años, 8 meses

Tengo la razón. El problema es que WooCommerce usa el ancho de un div «woocommerce-product-gallery» y lo compara con el pulgar más grande para esa imagen. Solo debe acercarse si la imagen más grande es más grande que su contenedor (por contenedor, me refiero a «woocommerce-product-gallery-gallery»). El problema es que, dado que las miniaturas se muestran en el lado de la imagen visible, las miniaturas y la imagen cuentan juntas como el ancho del contenedor.

Verifique el último problema de WooCommerce. Busque «woocommerce / assets / js / frontend / single-product.js», fila 192.

En mi caso (mientras verifica el código anterior):
image.data( 'large_image_width' ) = 600
galleryWidth = 654 (ese es el div «woocommerce-product-gallery»)

Pero, si miras mi imagen, tiene 460 de ancho. Eso debería contar como el tamaño del contenedor, y la imagen debería ampliarse.

Espero haber ayudado a encontrar una solución a este problema y, espero, que Ascend pueda actualizarse para solucionarlo.

Aparentemente, esto no tiene nada que ver con el problema del iPad.

Si necesitas más ayuda, estaré feliz de ayudarte, Hannah.

Todo lo mejor.

Esta respuesta fue modificada hace 2 años, 8 meses por. Autor del tema

(@britner)

Hace 2 años, 8 meses

Hola, gracias por publicar. Solo aclare el problema ya que no vi su sitio, tiene una imagen que es más grande que 460 pero menos de 654, por lo que la imagen debe acercarse muy poco, pero no porque sea un script de woocommerce diciendo que es demasiado pequeña?

Por favor avíseme si eso es correcto.

Ben

(@samrgomes)

Hace 2 años, 8 meses

Hola Ben.

En realidad, la imagen principal que se muestra en la galería es exactamente 460 (la grande), pero WooCommerce no se acercará (la imagen original es 800 x 600, y esta es la que debería estar visible en zoom) porque el script no usa el tamaño de imagen real de la galería (la que tiene 460), sino el tamaño de div «woocommerce-product-gallery», y este div es 654.

Entonces, el guión de Woo compara «600> 654?»: No. Entonces no se acercará allí. La comparación correcta debería ser «600> 460».

¿Podrías entenderlo? Puedo proporcionar más detalles al respecto o explicarlo de otra manera, si ayuda.

¿Alguna actualización sobre el problema del iPad?

¡Gracias!

Autor del tema

(@britner)

Hace 2 años, 8 meses

ok, entonces tu imagen de «ancho para borrar» es menor que 654. Si quieres que ese pequeño zoom funcione, trabajaré en una solución para esto.

Hannah me enviará su enlace siempre que pueda para que pueda ver su sitio con respecto a su problema con el ipad. No puedo recrear mientras experimento con Ipad en la demostración.

Ben

Autor del tema

(@britner)

Hace 2 años, 8 meses

Mmm, veo que el zoom de la imagen funciona en tu sitio.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *