单个产品页面上产品标题上方的类别图像

Question

我想在产品标题上方显示产品类别图片。产品类别图像是公司创建此产品的徽标。

图片，以便更好地理解：

Answer 1

尝试将此代码放在您的身体中。

<?php
/**
 * Display category image on category archive
 */
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="' . $cat->name . '" />';
        }
    }
}

?>

您似乎想将类别图片放在 body 的左上方，所以我认为您甚至不需要在代码中添加CSS。

发回结果，如果我误解了，请详细说明。

P.S。如果某些项目重叠，请使用CSS。