Soporte » Plugins y Hacks » WooCommerce » Woocommerce – Eliminar zoom y lightbox productos

  • Resuelto angvel8

    (@angvel8)


    Buenas! Me gustaría quitar el zoom que hace por defecto woocommerce en las imágenes de los productos y el lightbox al hacer click.

    He visto que es un problema muy común y he probado muchas soluciones como añadir fragmentos de código al functions.php o instalarme un plugin, pero todas las soluciones que he encontrado me permiten quitar solo una de estas características, y no las dos a la vez.

    Además, he intentado a través de este debate que comenta que le funcionó pero los fragmentos de código que hay que eliminar no me aparecen donde indica. https://es.wordpress.org/support/topic/woocommerce-eliminar-zoom-de-productos/

    ¿Alguna idea de cómo solucionarlo?
    Muchas gracias

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 11 respuestas - de la 1 a la 11 (de un total de 11)
  • Moderador LGrusin

    (@lgrusin)

    ¿Lo has solucionado? No veo zoom en las imágenes.

    Moderador Jose Luis

    (@jose64)

    Hola.

    Prueba este código en el archivo functions.php de tu tema hijo o en un plugin de personalizaciones:

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

    El código se explica por si mismo, con la primera línea eliminas el zoom y con la segunda el lightbox.

    Si con esto queda aclarada tu duda, por favor, recuerda comentarlo y cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.

    Iniciador del debate angvel8

    (@angvel8)

    Hola Jose Luis,

    Efectivamente, el zoom y el lightbox desaparecen con el código. Pero la imagen sigue enlazada a medios y es casi peor porque sin el lightbox no se puede volver a atrás.

    ¿Sería posible eliminar este enlace y que aparezca simplemente la imagen?

    Muchas gracias

    Moderador Jose Luis

    (@jose64)

    Hola

    Para eliminar el enlace de la imagen puedes usar este código:

    function wc_remove_ing_link( $html ) {
         return strip_tags( $html,'<div><img>' );
    }
    
    add_filter('woocommerce_single_product_image_thumbnail_html','wc_remove_ing_link' );
    Iniciador del debate angvel8

    (@angvel8)

    Hola, te agradezco tu rápida respuesta.

    Efectivamente el enlace se elimina pero ahora me sale la imagen del producto repetida. Te pongo el enlace para que lo veas:

    https://juanmolinart.es/product/spinosaurus/

    ¿Hay alguna forma de evitar que salga repetida?

    ¡Gracias de nuevo!

    Moderador Jose Luis

    (@jose64)

    Hola @angvel8

    Yo no veo la imagen repetida en el enlace que pasas, ¿lo resolviste?, lo que veo es que mantienes la opción del enlace y el zoom, y desactivaste la caja de luz, así que la imagen no se amplía al pasar sobre ella u al clicar se abre superpuesta, es decir que usaste esto:

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

    Si es así y ya lo tienes resuelto, por favor, recuerda comentarlo y cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día y las respuestas serán de utilidad para otros usuarios

    Iniciador del debate angvel8

    (@angvel8)

    Hola @jose64

    Que raro, prueba a recargar la página por si acaso. A mi me sigue saliendo así:

    Imagen repetida

    He puesto los dos fragmentos de código que me pasaste, para desactivar el zoom, el lightbox y el enlace.

    Gracias y un saludo

    Moderador Jose Luis

    (@jose64)

    Hola

    Efectivamente, tienes razón. El problema es que no soy capaz de reproducir el fallo, instalé inclusive la misma versión de Astra que tienes (deberías actualizar a la última versión) y me funciona correctamente, por lo que el problema debe tener otra causa.

    Prueba desactivando Elementor Pro a ver que resultado te da.

    Quedamos a la espera de tus comentarios

    Iniciador del debate angvel8

    (@angvel8)

    Buenas,
    Ya lo he desactivado, pero la imagen sigue saliéndome igual.

    Por si ayuda en algo, en este post creo que le ocurrió lo mismo y la solución fue borrar unos fragmentos del código de woocommerce pero cuando intento buscar esas líneas o similares no me aparecen:
    https://es.wordpress.org/support/topic/woocommerce-eliminar-zoom-de-productos/

    Te agradezco mucho tu ayuda e interés
    Espero que podamos encontrarle una solución y poder cerrar el debate

    Moderador Jose Luis

    (@jose64)

    ¿Desactivaste Elementor Pro?, la solución en ningún caso puede debería ser editar una plantilla de WooCommerce sin identificar qué es lo que causa el error.

    Por favor, desactívalo y si el problema lo causa Elementor, pues notifica a su soporte, es lo correcto.

    Si no lo causa Elementor, pues desactiva los demás, ya te digo que yo lo estoy probado y funciona perfectamente con Astra.

    • Esta respuesta fue modificada hace 2 años, 2 meses por Jose Luis.
    Iniciador del debate angvel8

    (@angvel8)

    ¡Tenías razón! Fui desactivando todos los plugins uno a uno y recargando la página y encontré al culpable. Por si a alguien más le ocurre, era el plugin SG Optimizer que se instala por defecto con el hosting de siteground. Al desactivarlo ya me funciona el código.

    Muchas gracias por tu ayuda @jose64, cierro el debate como resuelto.

Viendo 11 respuestas - de la 1 a la 11 (de un total de 11)
  • El debate ‘Woocommerce – Eliminar zoom y lightbox productos’ está cerrado a nuevas respuestas.