取消WooCommerce單一商品圖片放大平滑功能

如果你是使用Wordpress架站,也有使用WooCommerce來架設購物車,在單一商品頁面上,會有滑鼠移動至圖片產生放大效果的功能,雖然這效果立意很好,但通常放大圖片也並非很清晰,圖片呈現模糊,反而在使用上感受欠佳,如下圖

此時只要在CSS中加入以下語法即可讓此效果隱藏

/*取消商品圖片放大功能*/
.woocommerce div.product div.images
.woocommerce-product-gallery__wrapper
.zoomImg
{display:none!important;
cursor:default!important; }

若希望圖片上的放大鏡也隱藏,可加以下語法

/*取消商品圖片上放大鏡圖示*/
.woocommerce-product-gallery__trigger

{display:none;}
.woocommerce-product-gallery__trigger

{display:none; }