我想在商店頁面中的產品縮略圖上方顯示類別縮略圖。我嘗試使用這段代碼，但它不起作用。請幫助我，我需要完成這件事。任何幫助將不勝感激。謝謝。 /** * Display product category thumbnail. * * @param mixed $product_category Category term Id, term name or term slug. */ <?php$thumbnail_id = get_term_meta( $cat->term_id, 'thumbnail_bid', true );$image_url = wp_get_attachment_url( $thumbnail_id ); ?>
1 回答
守著星空守著你
TA貢獻1799條經驗 獲得超8個贊
/**
* Display product category thumbnail.
*
*/
add_action('woocommerce_before_shop_loop_item_title', 'display_product_category_thumbnail', 20);
function display_product_category_thumbnail()
{
global $product;
$productFirstCategory = reset(get_the_terms($product->get_id(), 'product_cat'));
$small_thumb_size = 'woocommerce_thumbnail';
$dimensions = wc_get_image_size($small_thumb_size);
if ($thumbnail_id = get_term_meta($productFirstCategory->term_id, 'thumbnail_id', true)) {
$image = wp_get_attachment_image_src($thumbnail_id, $small_thumb_size);
if (is_array($image)) {
$image = reset($image);
}
$image_srcset = function_exists('wp_get_attachment_image_srcset') ? wp_get_attachment_image_srcset($thumbnail_id, $small_thumb_size) : false;
$image_sizes = function_exists('wp_get_attachment_image_sizes') ? wp_get_attachment_image_sizes($thumbnail_id, $small_thumb_size) : false;
} else {
$image = wc_placeholder_img_src();
$image_srcset = false;
$image_sizes = false;
}
if ($image) {
$src_set = '';
if ($image_srcset && $image_sizes) {
$src_set = '" srcset="' . esc_attr($image_srcset) . '" sizes="' . esc_attr($image_sizes);
}
echo '<img src="' . esc_url($image) . '" alt="' . esc_attr($productFirstCategory->name)
. '" width="' . esc_attr($dimensions['width']) . '" height="'
. esc_attr($dimensions['height']) . $src_set . '" />';
}
}
您必須使用掛鉤
woocommerce_before_shop_loop_item_title來掛鉤您的函數以在產品標題之前執行。全局變量
$product保存當前循環的產品對象。獲取當前產品 id 并將其傳遞給 WP 函數，
get_the_terms以數組形式獲取與該產品相關的所有術語，并使用 PHP 函數僅檢索第一個術語對象reset并將其分配給變量$productFirstCategoryWooCommerce 函數
wc_get_image_size以數組形式檢索維度詳細信息下一個
if-else block用于指定產品類別圖像或默認圖像最終
if condition用于輸出標題之前的圖像
- 1 回答
- 0 關注
- 225 瀏覽
添加回答
舉報
0/150
提交
取消