WooCommerce – Eliminar zoom de productos
-
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
-
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:
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:
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:
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
- El debate ‘WooCommerce – Eliminar zoom de productos’ está cerrado a nuevas respuestas.