Este snippet de código para WordPress te permite desactivar la funcionalidad de lupa y lightbox en las imágenes de los productos de WooCommerce. Si consideras que estas características no son necesarias para tu tienda en línea o simplemente deseas simplificar la experiencia del usuario, este snippet es la solución perfecta.
¿Cómo Funciona?
Este snippet se compone de dos partes principales:
- Desactivar la Lupa: La primera parte del código utiliza el hook
woocommerce_initpara desactivar la funcionalidad de lupa en las imágenes de los productos. - Desactivar el Lightbox: La segunda parte del código utiliza el hook
after_setup_themepara desactivar la funcionalidad de lightbox.
Casos de Uso
- Simplificar la UX: Si tu tienda en línea se centra en productos donde el zoom y el lightbox no añaden valor, este snippet es útil para simplificar la experiencia del usuario.
- Mejorar el Rendimiento: Desactivar estas funcionalidades puede contribuir a una carga más rápida de la página.
- Personalización: Si planeas implementar tu propia funcionalidad de visualización de imágenes, este snippet te permite desactivar las opciones predeterminadas de WooCommerce.
Cómo Implementar el Snippet
- Accede al Panel de WordPress: Ve a tu panel de administración de WordPress.
- Editor de Temas: Navega a
Apariencia > Editor de temas. - Archivo functions.php: Encuentra y abre el archivo
functions.phpde tu tema activo. - Pega el Código: Copia y pega el snippet en el archivo
functions.php. - Guarda los Cambios: Haz clic en «Actualizar archivo» para guardar los cambios.
// Quitar lupa en las imágenes de los productos de Woocommerce
add_action ('woocommerce_init', function () {
remove_theme_support ('wc-product-gallery-zoom');
});
function remove_wc_gallery_lightbox() {
remove_theme_support( 'wc-product-gallery-lightbox' );
}
add_action( 'after_setup_theme', 'remove_wc_gallery_lightbox', 100 );
Consideraciones
- Asegúrate de hacer una copia de seguridad de tu sitio web antes de realizar cualquier cambio en los archivos del tema.
- Este snippet ha sido diseñado para trabajar con WooCommerce. Si estás utilizando un plugin diferente para tu tienda en línea, este código puede no ser compatible.
- Si deseas volver a habilitar estas funcionalidades en el futuro, simplemente elimina o comenta las líneas de código correspondientes en tu archivo
functions.php.
Con este snippet, podrás desactivar fácilmente la lupa y el lightbox en las imágenes de los productos de tu tienda WooCommerce, ofreciendo una experiencia de usuario más simplificada y posiblemente un mejor rendimiento del sitio web.

