WooCommerce 商店有一項預設功能,產品圖片放大效果。
這個功能原先的美意其實是方便顧客可以看清楚產品的細節或是比較小的字體,不過現在的商品頁都著重在Landing Page,所以這個功能相對是個累贅,這時你可以使用下面的方法徹底改善這個問題。
首先先到佈景主題中的functions.php,我這邊有使用子佈景主題所以更新佈景主題不會消失。
如果沒使用子佈景主題建議改用Code Snippets進行新增程式碼。
將下面這段程式碼讓入網站中,完成後點擊儲存。
function remove_image_zoom_support() {
remove_theme_support( 'wc-product-gallery-zoom' );
}
add_action( 'wp', 'remove_image_zoom_support', 100 );
這時會發現商品頁中,原先右上角的放大鏡會消失不見、滑鼠移到該區塊也不會出現圖片放大效果。