如何讓 woocommerce 產品目錄與單一產品的圖不相同?
這次美工又出了個題目給我們修正,他希望產品目錄的圖與單一產品的圖不相同。
這可以利用產品圖庫,來完成這個任務。
我們只要指定產品目錄抓取產品圖庫的圖即可。
程式碼:
function change_product_thumbnail($thumbnail_id, $product_id) {
$product = wc_get_product($product_id);
if ($product) {
$image_gallery = $product->get_gallery_image_ids();
if (!empty($image_gallery)) {
$thumbnail_id = $image_gallery[0];
}
}
return $thumbnail_id;
}
add_filter('woocommerce_product_get_image_id', 'change_product_thumbnail', 10, 2);
add_filter('woocommerce_product_variation_get_image_id', 'change_product_thumbnail', 10, 2);
呈現結果:
產品目錄畫面