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_init
para 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_theme
para 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.php
de 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.