WooCommerce 控制產品頁面結構的模版位於 WooCommerce/templates/single-product 目錄下,本文介紹讓產品圖片顯示為原圖,並移除圖片鏈接的方法。

改變產品圖片尺寸

WordPress 默認的圖片尺寸有 thumbnail, medium, large 和 full, WooCommerce 默認的產品圖片尺寸是 shop_single 。下面代碼演示如何將產品圖片尺寸從 shop_single 改成 full,即顯示原圖片。

add_filter( 'single_product_large_thumbnail_size', 'wc_single_product_size' );
function wc_single_product_size(){
	return 'full';
}

移除產品圖片鏈接

add_filter( 'WooCommerce_single_product_image_html', 'wc_remove_product_image_url' );
function wc_remove_product_image_url( $html ){
	return strip_tags( $html, '<img>');
}

關於文中用到的 filters,參考 WooCommerce 模版目錄下的 product-image.php 文件。