如何使用 WooCommerce 自訂主圖與目錄縮圖

在經營網路商店時，產品的圖片展示對於吸引顧客至關重要。WooCommerce 是一個強大的 WordPress 插件，能夠幫助我們管理網路商店中的產品。然而，默認情況下，WooCommerce 使用同一張縮圖作為產品的主圖和目錄縮圖。如果您想讓主圖和目錄縮圖不同，可以使用自訂的函數來實現。本文將介紹如何使用一段簡單的 PHP 程式碼來達成這一目標。

自訂函數的程式碼

以下是我們的自訂函數程式碼。這段程式碼會根據產品的圖片庫設定產品的主圖和目錄縮圖。

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);

這些過濾器分別適用於產品主圖和變體產品主圖。當 WooCommerce 嘗試取得產品或變體產品的主圖時，我們的自訂函數會被調用，以確保主圖和目錄縮圖不同。