WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
Set TWO WooCommerce category thumbnails? (4 posts)

  1. dalemoore
    Member
    Posted 11 months ago #

    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 150x150 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 940x100 'featured image' that matches the previous thumbnail, followed by the sub-subcategories (each also 150x150 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?

    http://wordpress.org/plugins/woocommerce/

  2. dalemoore
    Member
    Posted 11 months ago #

    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...?

  3. dalemoore
    Member
    Posted 11 months ago #

    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...

  4. zink
    Member
    Posted 8 months ago #

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

Reply

You must log in to post.

About this Plugin

About this Topic