Cómo desactivar el zoom automático en imágenes de producto al usar Woocommerce con tema Astra y plugin Litespeed Cache en WordPress

Para desactivar el zoom automático en imágenes de producto en WooCommerce cuando usas el tema Astra y el plugin LiteSpeed Cache, puedes hacerlo de varias maneras, pero te detallo el método más limpio paso a paso:

---

1. Desactivar la función de zoom desde el tema Astra

1. En tu panel de WordPress, ve a Apariencia → Personalizar.
2. Abre WooCommerce → Página de producto única.
3. Busca la opción Galería de producto.
4. Desactiva Zoom en imagen (o una opción similar).
5. Guarda y publica los cambios.

💡 No todos los child themes o versiones de Astra muestran esta opción; si no aparece, pasa al paso 2.

---

2. Desactivar el zoom mediante código (Child Theme)

Si la opción no está en el personalizador, añade este snippet en el archivo functions.php de tu tema hijo (o usando Code Snippets):

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

Esto elimina la funcionalidad de zoom en la galería de productos de WooCommerce.

---

3. Vaciar caché en LiteSpeed Cache

Después de hacer los cambios:

1. Ve a LiteSpeed Cache → Herramientas.
2. Pulsa Purgar todo para limpiar la caché.
3. Recarga la página de producto y comprueba que el zoom ya no se activa.

---

4. Verificar en móvil y escritorio

• En escritorio, el zoom suele activarse al pasar el ratón.
• En móvil, WooCommerce puede ampliar al tocar la imagen. Si quieres desactivarlo también en móviles, añade este CSS en Apariencia → Personalizar → CSS adicional:

.woocommerce-product-gallery__wrapper a {
    pointer-events: none;
}

Resumen

Categoría: Tema Astra

Categoría: Plugin Litespeed Cache

Categoría: Plugin WooCommerce