如何讓 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);

呈現結果：

產品目錄畫面