Eliminare l’effetto “zoom” in WooCommerce

L’effetto “zoom” in WooCommerce offre ai visitatori la possibilità di esplorare i dettagli di un prodotto. Nei casi in cui questo effetto non funzioni correttamente è preferibile eliminarlo. Alcuni temi ottimizzati per Woocommerce contengono questa opzione, se non fosse disponibile, si potrà procedere manualmente.

Per disattivare l’effetto “zoom” in tutti i prodotti inseriamo all’interno del file functions.php del tema il codice seguente:

add_action( 'wp', 'eb_remove_zoom_lightbox_theme_support', 99 ); 
function eb_remove_zoom_lightbox_theme_support() { 
   remove_theme_support( 'wc-product-gallery-zoom' );  
}

Per disattivare l’effetto “zoom” solo per un singolo prodotto inseriamo nella pagina dello stesso il codice seguente:

.woocommerce div.product .images, .woocommerce-page div.product .images {
pointer-events: none;
}