How to display Woocommerce Category image? How to display Woocommerce Category image? wordpress wordpress

How to display Woocommerce Category image?


To display the category image for the currently displayed category in archive-product.php, use the current category term_id when is_product_category() is true:

// verify that this is a product category pageif ( is_product_category() ){    global $wp_query;    // get the query object    $cat = $wp_query->get_queried_object();    // get the thumbnail id using the queried category term_id    $thumbnail_id = get_term_meta( $cat->term_id, 'thumbnail_id', true );     // get the image URL    $image = wp_get_attachment_url( $thumbnail_id );     // print the IMG HTML    echo "<img src='{$image}' alt='' width='762' height='365' />";}


get_woocommerce_term_meta is depricated since Woo 3.6.0.

so change

$thumbnail_id = get_woocommerce_term_meta($value->term_id, 'thumbnail_id', true );

into: ($value->term_id should be woo category id)

get_term_meta($value->term_id, 'thumbnail_id', true)

see docs for details:https://docs.woocommerce.com/wc-apidocs/function-get_woocommerce_term_meta.html


From the WooCommerce page:

// WooCommerce – display category image on category archiveadd_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="" />';      }  }}