Como recordarás, la publicación de WooCommerce 3 trajo muchas novedades, aunque quizá fueron más en el código que las realmente apreciables en el frontend. Una de las más evidentes fue la inclusión del zoom en la imagen del producto.

Sin embargo, habilitar un zoom por defecto para la imagen del producto, aunque por lo general es muy recomendable, no es algo que pueda hacerse con todos los tipos de producto, así que, igual que antes había que implementar esta característica tras la instalación de WooCommerce en muchas tiendas, ahora a veces hay que deshabilitarla.

El zoom en la imagen de producto

Decía más arriba que, hasta WooCommerce 2.6.14, esta característica era una de las típicas que había que implementar en la mayoría de comercios electrónicos tras instalar WooCommerce, ya que (como he dicho muchas otras veces) la imagen del producto es muy importante en un ecommerce y siempre hay que facilitar que el usuario pueda ver bien lo que compra.

La verdad es que el asunto estaba muy bien resuelto con el plugin YITH WooCommerce Zoom Magnifier, y de hecho ya dediqué hace tiempo una entrada y un vídeo a explicar cómo hacerlo:

Pero, por algún motivo, WooThemes decidió integrarlo en el core de WooCommerce a partir de la versión WooCommerce 3.0, con lo que ahora está incluido por defecto. A pesar, creo yo, de que había cosas más urgentes que implementar.

Por qué deshabilitar el zoom de la imagen de producto

Y sí, lo cierto es que en la gran mayoría de tiendas esta funcionalidad es muy necesaria, casi imprescindible. Pero no es así para todas.

Es imprescindible que el usuario pueda ver bien el producto, pero no siempre hay producto físico. ¿De qué sirve un zoom en la imagen del producto cuando lo que se venden son servicios? ¿O software? ¿O cualquier otro tipo de productos digitales?

Incluso hay algunos tipos de productos físicos que no requieren habilitar el zoom en la imagen de producto, como libros, CSs de música, DVDs…

Deshabilitar el zoom de producto en WooCommerce

Así que hay ocasiones en que el zoom de productos no es necesario, y otras en las que directamente molesta, y lo quitaríamos sin dudarlo. Sin embargo, WooCommerce no ha incluido ninguna opción para deshabilitarlo: simplemente lo incluye sí o sí.

Afortunadamente esta característica se añade haciendo uso de la función de WordPress add_theme_support, así que podemos «contrarrestarla» por código fácilmente utilizando su opuesta, remove_theme_support.

Deshabilitar el zoom de producto por código

Esta función normalmente se ejecuta en el hook after_theme_setup, porque suele estar implementada en el archivo functions.php de la plantilla, pero en esta ocasión quien la ejecuta no es el theme, sino WooCommerce, así que el hook correcto en el que ejecutarla para que pueda hacer lo que queremos que haga (deshabilitar el zoom de la imagen de producto) es woocommerce_init.

En resumen, si lo que queremos es que WooCommerce no cree ese efecto zoom en las imágenes de producto deberemos usar este código:

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

Como siempre te recuerdo, si no sabes dónde incluir ese código hay varias alternativas. Échale un vistazo a este artículo:

Deshabilitar el zoom de producto de WooCommerce mediante un plugin

Sé que a mucha gente le da miedo aprensión enredar con el código, y siempre que es posible prefieren utilizar un plugin, así que te lo voy a poner fácil: te he hecho un plugin que puedes utilizar para ello.

Es un plugin muy sencillo, y de hecho su único código (aparte de las cabeceras del plugin y de los enlaces de acción) es el que te he puesto más arriba. No tiene opciones ni las necesita: simplemente lo activas y, automáticamente, el zoom de productos de WooCommerce queda deshabilitado.

Lo puedes descargar aquí.