Show brand logo on brand archive page?

waynep16, hello my boy. I’m looking for the same solution, I totally understand you as I am selling with woodmart theme myself. Finally figure out how to do it by modifying /hook the file functions.php of your child theme via cpanel (file manager), put it at the end of the file if you want the logo to be right after category’s description:

add_action( 'woocommerce_archive_description', 'display_brand_image_on_archive' );

function display_brand_image_on_archive() {
    if ( is_tax( 'product_brand' ) ) {
        $queried_object = get_queried_object();
        if ( $queried_object && property_exists( $queried_object, 'term_id' ) ) {
            $brand_id = $queried_object->term_id;
            $brand_image_id = get_term_meta( $brand_id, 'thumbnail_id', true );
            if ( $brand_image_id ) {
                $brand_image_url = wp_get_attachment_url( $brand_image_id );
                echo '<img src="' . esc_url( $brand_image_url ) . '" alt="' . esc_attr( $queried_object->name ) . ' logo" class="brand-logo-archive" />';
            }
        }
    }
} 

Or if you want the logo to be the first thing:

function display_brand_logo_on_archive() {
    // Kiểm tra xem đây có phải là trang lưu trữ thuật ngữ (taxonomy) của WooCommerce hay không
    if ( is_product_taxonomy() ) {
        $queried_object = get_queried_object();
        
        // Kiểm tra xem đối tượng có tồn tại và là một thuật ngữ có 'product_brand' không
        if ( $queried_object && isset( $queried_object->taxonomy ) && $queried_object->taxonomy === 'product_brand' ) {
            $brand_id = $queried_object->term_id;
            
            // Lấy ID hình ảnh logo của thương hiệu từ metadata
            $thumbnail_id = get_term_meta( $brand_id, 'thumbnail_id', true );
            
            if ( $thumbnail_id ) {
                // Lấy URL hình ảnh
                $image_url = wp_get_attachment_url( $thumbnail_id );
                
                // Hiển thị logo trong một thẻ div riêng biệt hoặc ngay trước mô tả
                if ( $image_url ) {
                    echo '<div class="brand-logo-container">';
                    echo '<img src="' . esc_url( $image_url ) . '" alt="' . esc_attr( $queried_object->name ) . ' Logo" class="brand-logo">';
                    echo '</div>';
                }
            }
        }
    }
}
// Móc hàm vào hành động trước mô tả lưu trữ WooCommerce
add_action( 'woocommerce_archive_description', 'display_brand_logo_on_archive', 5 ); 

Then you can manage/style the logo by using custom css (Use Custom PRESET in woodmart theme setting to target only the shop archive and category archive, the css be like (modify to your heart content):
.brand-logo {margin-left: 26px;max-width: 266px;max-height: 80px;}

• This reply was modified 2 weeks, 5 days ago by fb.com/only0nce.