Skip to content

Instantly share code, notes, and snippets.

Last active January 25, 2023 14:51
  • Star 0 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
Star You must be signed in to star a gist
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 . '" />';
Copy link


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?

Copy link

@Tommyhuls Try something like this

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

Copy link

NVMDSN commented Dec 12, 2018

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?

Copy link

Domik83 commented Feb 19, 2020

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?

Copy link

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

Copy link

WDUK8 commented Oct 25, 2022


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 :-)

Copy link

Do I add wc-display-category-image-archive.php to includes?

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