Skip to content

Instantly share code, notes, and snippets.

@woogists
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
Save woogists/fceab984722fdb964eb5c567e5d4905c to your computer and use it in GitHub Desktop.
[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

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

@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

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

@tizoy1984
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