How to Add Attribute Terms Image in WooCommerce?

2 Views

In WooCommerce, I have created an attribute “Brand”, and added some terms, like “Brand One”, “Brand Two” etc..
I want to add an image for each term.
Right now there is no option to add image in attribute terms.

Please tell me how to add image in attribute terms.

Read More

An admin link is like this: 

 .../wp-admin/edit-tags.php?taxonomy=pa_brand&post_type=product'
Post Views: 2

Related posts

Leave a Reply

5 comments

  1. WooCommerce stores product attributes outside of the usual taxonomy table, so you’ll need to go with something more WC-specific. Try the Variation Swatches and Photos extension.

    UPDATE: You can use the Taxonomy Images plugin but you have to make a minor alteration. By default the plugin only displays taxonomies that are set to display in the admin area (i.e. the show_ui value is set to true). WooCommerce hides the product attribute taxonomies by default, so the plugin will not display them in the settings screen. You can change this behaviour by commenting out/deleting lines 402-402 of taxonomy-images.php:

        if ( ! isset( $taxonomy->show_ui ) || empty( $taxonomy->show_ui ) )
        continue

    Removing these lines will allow he plugin to display all taxonomies, regardless of whether they are hidden or not.

    Props to @helgatheviking for suggesting that plugin in the first place

  2. With the “Variation Swatches” plugin (see the answer by @Dre), everything works smoothly, and getting the image is as easy as this:

    $swatch_term = new WC_Swatch_Term( 'swatches_id', $term_id, $taxonomy, false,
                'swatches_image_size' );

$html = '<img src="' . $swatch_term->thumbnail_src . '" alt=""/>';

    The “Taxonomy Images” has not been updated since WP 3.6.1…

  4. “Variation Swatches and Photos extension” plugin is premium and no body would like to purchase that to serve such a purpose as getting an icon image for a brand.

    The “Taxonomy Images” has not been updated since WP 3.6.1…

    What I came up with is Category and Taxonomy Image and that does the job.

    Here’s how you can get the image URL:

        if (function_exists('get_wp_term_image'))
    {
        $meta_image = get_wp_term_image($term_id); 
        //It will give category/term image url 
    }

    echo $meta_image; // category/term image url

  5. I’ve fixed this issue. Actually i was not passing the right value in taxonomy. I was using variation swatches plugin so was not know which value to pass for taxonomy. below is the working code. I was trying to fetch “brands” attributes list with images.

    $attribute_taxonomies = wc_get_attribute_taxonomies();
$taxonomy_terms = array();

if ($attribute_taxonomies) :
    foreach ($attribute_taxonomies as $tax) :
        if (taxonomy_exists(wc_attribute_taxonomy_name($tax->attribute_name))) :
            
            if($tax->attribute_name=="brands"){
                $taxonomy_terms[$tax->attribute_name] = get_terms(wc_attribute_taxonomy_name($tax->attribute_name), 'number=6&orderby=name&hide_empty=1');
            }
        endif;
    endforeach;
endif;

foreach ($taxonomy_terms as $item) :
    foreach($item as $child):
        //print_r($child);
         $thumbnail_id = get_woocommerce_term_meta( $child->term_id, 'product_pa_brands', true );
        $textureImg = wp_get_attachment_image_src( $thumbnail_id );
       

//we are getting image in $textureImg[0]

        }
    endforeach;
endforeach;