我想在商店頁(yè)面中的產(chǎn)品縮略圖上方顯示類別縮略圖。我嘗試使用這段代碼，但它不起作用。請(qǐng)幫助我，我需要完成這件事。任何幫助將不勝感激。謝謝。 /** * 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貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超8個(gè)贊
/**
* 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來(lái)掛鉤您的函數(shù)以在產(chǎn)品標(biāo)題之前執(zhí)行。全局變量
$product保存當(dāng)前循環(huán)的產(chǎn)品對(duì)象。獲取當(dāng)前產(chǎn)品 id 并將其傳遞給 WP 函數(shù)，
get_the_terms以數(shù)組形式獲取與該產(chǎn)品相關(guān)的所有術(shù)語(yǔ)，并使用 PHP 函數(shù)僅檢索第一個(gè)術(shù)語(yǔ)對(duì)象reset并將其分配給變量$productFirstCategoryWooCommerce 函數(shù)
wc_get_image_size以數(shù)組形式檢索維度詳細(xì)信息下一個(gè)
if-else block用于指定產(chǎn)品類別圖像或默認(rèn)圖像最終
if condition用于輸出標(biāo)題之前的圖像
- 1 回答
- 0 關(guān)注
- 223 瀏覽
添加回答
舉報(bào)
0/150
提交
取消