我正在使用WooCommerce，我想在产品页面中显示产品类别横幅。对于产品类别，我使用了以下代码：
add_action( 'woocommerce_archive_description', 'woocommerce_category_image', 2 );
function woocommerce_category_image() {
if (is_product_category()){
global $wp_query;
$cat = $wp_query->get_queried_object();
$thumbnail_id = get_woocommerce_term_meta( $cat->term_id, 'thumbnail_id', true );
$image = wp_get_attachment_url( $thumbnail_id );
if ( $image ) {
echo '<img src="' . $image . '" alt="" class="cat_ban"/>';
}
}
}
对于产品页面，我使用了一个类似的代码进行了一些修改，但它不起作用，有人能指出我的错误吗？
add_action( 'woocommerce_archive_description', 'woocommerce_product_image', 2 );
function woocommerce_product_image() {
if (is_product()){
global $post;
$terms = get_the_terms( $post->ID, 'product_cat' );
$cat = $terms->term_id;
$thumbnail_id = get_woocommerce_term_meta( $cat->term_id, 'thumbnail_id', true );
$image = wp_get_attachment_url( $thumbnail_id );
if ( $image ) {
echo '<img src="' . $image . '" alt="" class="cat_ban"/>';
}
}
}
我自己找到了一个解决方案，希望它能帮助您：
add_action( 'woocommerce_before_single_product', 'woocommerce_product_image', 2 );
function woocommerce_product_image(){
$product_cats = wp_get_post_terms( get_the_ID(), 'product_cat' );
if ( $product_cats && ! is_wp_error ( $product_cats ) ){
$cat = array_shift( $product_cats );
$thumbnail_id = get_woocommerce_term_meta( $cat->term_id, 'thumbnail_id', true );
$image = wp_get_attachment_url( $thumbnail_id );
$category_link = get_category_link($cat);
if ( $image ) {
echo '<a href="' .$category_link. '"><img src="' . $image . '" alt="" class="cat_ban"/></a>';
}
}
}
您可以添加类别横幅到产品页面使用此代码-
add_action('woocommerce_before_single_product', 'woocommerce_add_category_banner', 2);
function woocommerce_add_category_banner()
{
global $product;
if (isset($product) && is_product())
{
global $wp_query;
$cat = $wp_query->get_queried_object();
$thumbnail_id = get_woocommerce_term_meta($cat->term_id, 'thumbnail_id', true);
$image = wp_get_attachment_url($thumbnail_id);
if ($image)
{
echo '<img src="' . esc_url($image) . '" alt="" />';
}
}
}
