L’effetto zoom in WooCommerce permette di offrire ai visitatori la possibilità di vedere nel dettaglio la qualità del prodotto. Alcuni temi per WordPress, ottimizzati per WooCommerce, offrono questa possibilità, ma non sempre l’effetto funziona correttamente, in tal caso è preferibile eliminarlo.

eliminare l’effetto zoom

Per disattivare lo zoom in tutti i prodotti basta inserire all’interno del file functions.php del tema:

/** Rimozione dell'effetto zoom  dalla pagina del prodotto **/  
add_action( 'wp', 'bbloomer_remove_zoom_lightbox_theme_support', 99 );
  
function bbloomer_remove_zoom_lightbox_theme_support() { 
   remove_theme_support( 'wc-product-gallery-zoom' );  
}

Lo zoom potrà essere disattivato anche per un singolo prodotto inserendo nella pagina dello stesso il seguente codice CSS:

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