Support » Plugins and Hacks » WooCommerce » Set TWO WooCommerce category thumbnails?

Set TWO WooCommerce category thumbnails?

  • Is there a way to set 2 category thumbnails, each with a different size?

    What I would like is when you click on one of the main categories, you’ll see the subcategories listed and their 150×150 thumbnail above the link. When you then click on this subcategory, you are taken to that subcategory, and at the top of it is a 940×100 ‘featured image’ that matches the previous thumbnail, followed by the sub-subcategories (each also 150×150 of course). In other words, it uses the exact same image, just at a different size cropped differently. There is only one Upload/Add Image option under Products > Categories, so I am not sure how I could do it. Any ideas?


Viewing 3 replies - 1 through 3 (of 3 total)
  • Actually I found this code from here: http://docs.woothemes.com/document/woocommerce-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_woocommerce_term_meta( $cat->term_id, 'thumbnail_id', true );
    	    $image = wp_get_attachment_url( $thumbnail_id );
    	    if ( $image ) {
    		    echo '<img src="' . $image . '" alt="" />';

    but I can’t figure out where in there I can set my custom size for it, a different size than listed in WooCommerce Settings > Catalog at the bottom. I’ve created a custom size called ‘feature-image’ in my functions.php using add_image_size. If I can have it just use that image that gets generated I guess I wouldn’t need a second image upload…?

    Figured it out.

    if (is_product_category()){
        global $wp_query;
        // get the query object
        $cat = $wp_query->get_queried_object();
        // get the thumbnail id user the term_id
        $thumbnail_id = get_woocommerce_term_meta( $cat->term_id, 'thumbnail_id', true );
        // get the image URL
        $image = wp_get_attachment_image( $thumbnail_id, 'feature-image' );
        // print the IMG HTML
        echo $image;

    Not a fan of this, though, because I can’t control the crop. So, I am back to needing to upload two thumbnail images in the Category…

    Thanks for figuring it out. Exactly what I was looking for.

    You shouldn’t need to upload two thumbnail images in the Category. When you upload an image to the Media Library, the default post thumbnail sizes are generated, as well as any custom sizes you included in functions.php.

    So you could write ‘wp_get_attachment_image’ again, but change the ‘feature-image’ alias to ‘thumbnail’ (or whatever size you want).

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Set TWO WooCommerce category thumbnails?’ is closed to new replies.
Skip to toolbar