Vai al contenuto
Home 01 Clienti 02 Chi siamo 03 Blog 04 Contatti 05
ITENHR
Home / Eliminare l’effetto zoom in WooCommerce
WooCommerce

Eliminare l’effetto zoom in WooCommerce

4 Febbraio 2020
eliminare l'effetto di zoom in WooCommerce

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.

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;
}