Soporte » Plugins y Hacks » WooCommerce » WooCommerce – Eliminar zoom de productos

  • Resuelto diegomp93

    (@diegomp93)


    Buenas tardes, actualice woocommerce a la ultima version y vi que incorpora un zoom a las imagenes de productos: mi duda: como eliminarlo? Alguna idea?

    Gracias

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • Buenos días,

    Añade el siguiente código al archivo functions.php de tu tema o a tu plugins de personalizaciones:

    remove_theme_support( 'wc-product-gallery-zoom' );

    Espero haberte ayudado.

    Un saludo.

    Hola angel, primero gracias por tu respuesta, te comento con puse el codigo pero no funciono, termine eliminando el zoom con el plugin »
    WooCommerce Product Image Gallery Options»

    el problema ahora es que al hacer clic en la imagen la pagina se redirecciona a la imagen en si permitiendo hacerle zoom, es peor que antes el problema, creo que esto es una característica de la galeria de woocommerce pero no encuentro como desabilitarla, alguna forma?

    Gracias

    Hola,

    Añade el siguiente código al archivo functions.php de tu tema o a tu plugins de personalizaciones:

    add_filter('woocommerce_single_product_image_thumbnail_html','wc_remove_link_on_thumbnails' );
     
    function wc_remove_link_on_thumbnails( $html ) {
         return strip_tags( $html,'<img>' );
    }

    Con él conseguirás eliminar el zoom de la imagen, las miniaturas y sus respectivos enlaces a las imágenes de la galería de medios, quedando de la siguiente manera:

    Captura de pantalla

    Espero haberte ayudado.

    Un saludo.

    vuelvo a agradecer tu respuesta, se nota que sabes mucho del tema, efectivamente el efecto que queria borrar desaparecio pero mi idea era que las miniaturas queden, es decir que no se muestren las imagenes en tamaño completo una abajo de la otra sino la imagen principal y abajo las miniaturas. paso a ilustrarlo:

    pantalla

    Quiero que quede como se ve en la imagen pero sin el efecto zoom y los enlaces a las imágenes de la galería de medios, es decir que se conserven las miniaturas por debajo y nada de zoom ni agrandar las imagenes. Espero haber sido claro

    Disculpas por ser poco preciso, soy nuevo en esto, nuevamente Gracias!

    Buenos días,

    La solución es la siguiente:

    Añade el siguiente código al archivo functions.php de tu tema o a tu plugins de personalizaciones:

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

    Con ello desactivamos el zoom y el lightbox de WooCommerce pero aún se mantienen los enlaces a las imágenes de la galería de medios.

    Para quitar dichos enlaces, tenemos que editar los siguientes archivos del plugin WooCommerce:

    wp-content > plugins > woocommerce > templates > single-product > product-image.php

    Línea 49, eliminanos:
    <a href="' . esc_url( $full_size_image[0] ) . '">

    Línea 51, eliminanos:
    </a>

    wp-content > plugins > woocommerce > templates > single-product > product-thumbnails.php

    Línea 40, eliminamos:
    <a href="' . esc_url( $full_size_image[0] ) . '">

    Línea 42, eliminanos:
    </a>

    Con ello eliminamos los enlaces a las imágenes de la galería de medios y se mostrará tal y como querías, pero estos dos archivos tendrás que editarlos cada vez que se actualice WooCommerce.

    Espero haberte ayudado.

    Un saludo

    Realmente sos un genio, estoy agradecido de estar en un foro donde se pueda compartir todos estos conocimientos y lo mejor: de forma GRATIS!! quedo muy bien, ya me has ayudado mucho pero tengo que preguntarte por este detalle:

    captura

    sabes porque las miniaturas quedan 3 arriba 1 en el medio y 2 abajo? en vez de quedar en dos filas de 3? donde podria modificar eso? Gracias

    Hola,

    Para eso está la comunidad, para ayudarnos unos a otros. En cuanto a la disposición de las miniaturas que comentas, es difícil saberlo a priori sin saber que tema estás utilizando o la url donde se genera el problema, ya que puede haber alguna incompatibilidad con dicho tema, un error de css del tema o alguna incompatibilidad con algún plugin.

    Espero haberte ayudado.

    Un saludo.

    Hola angel, desde ya agradezco mucho la ayuda que me diste y te comento que pude solucionarlo con el siguiente codigo, lo dejo aca abajo por si alguien pasa el mismo dilema

    .woocommerce div.product .woocommerce-product-gallery–columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: none;
    }

    Gracias y saludos

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