Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
[Theming] Display category image on category archive
/**
* 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_term_meta( $cat->term_id, 'thumbnail_id', true );
$image = wp_get_attachment_url( $thumbnail_id );
if ( $image ) {
echo '<img src="' . $image . '" alt="' . $cat->name . '" />';
}
}
}
@Tommyhuls
Copy link

Tommyhuls commented Jun 15, 2018

Hi,

Is it possible to add a div id so that it can for example be displayed 100% width, and is it possible to add the category name as a header on top of the pic?

@braddalton
Copy link

braddalton commented Sep 7, 2018

@Tommyhuls Try something like this

echo '<img class="woo-image" src="' . $image . '" alt="' . $cat->name . '" />';

@NVMDSN
Copy link

NVMDSN commented Dec 12, 2018

Hi,
When I put this code, the image shows under title in product category page. Any idea how to show the image in the right side of the title?
Thanks.

@Domik83
Copy link

Domik83 commented Feb 19, 2020

Hi,
I have the opposite requirement: my template displays the categories images and I don't want them. How and in which file can I modify that?
Thanks.

@Machaddict
Copy link

Machaddict commented Nov 25, 2020

Hi, is possible to add a link to the image?
I need to have an image with external link in some specific category page for legal reason.

Thanks in advance

@WDUK8
Copy link

WDUK8 commented Oct 25, 2022

Hi,

Where does this code go? I have tried the functions.php file with no luck.

I also uploaded the file itself but that didn't work either. If it works that way where should I upload it to?

Thank you :-)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment