How to show image on front end

Hi Michael,

Did you find a solution to this issue?

I too am having trouble displaying the images in the front end as I am using get_terms(); to retrieve the terms for my custom taxonomy.

When I use the recommended instructions as you did above I see the following error:
“Notice: term_taxonomy_id is not a property of the current queried object. This usually happens when the taxonomy-images-queried-term-image-id filter is used in an unsupported template file. This filter has been designed to work in taxonomy archives which are traditionally served by one of the following template files: category.php, tag.php or taxonomy.php.”

The error makes sense… I am trying to use this on the products archive page (custom post type archive page) using get_terms() rather than a taxonomy archive page.

Where are the instructions for using this with get_terms(); ?

Thanks very much,

Nicole

Following on from above I have spent some more time trying to implement following the documentation under the heading “WORKING WITH ALL TERMS OF A GIVEN TAXONOMY”

I have the following code:

$args = array(
   'taxonomy' => 'product_categories',
   'hide_empty' => false,
);

//$terms = get_terms( $args ); //replaced with the filter below
$terms = apply_filters( 'taxonomy-images-get-terms', $args );

So if I use the standard get_terms line then I can retrieve all my terms from the “product_categories” taxonomy. However as soon as I replace it with the custom filter for this plugin everything breaks and I see the error: “Notice: The category taxonomy does not have image support.”

I’m not even trying to retrieve the “category” taxonomy. I’m retrieving the “product_categories” taxonomy as is specified clearly in the $args and works with the standard get_terms();

Is this a bug?

In all honesty I have resolved this by using ACF (Advanced Custom Fields) to create an image field for each taxonomy term rather than this plugin as this plugin was not working with get_terms(). Using ACF I have complete control to retrieve the image and place it anywhere it is required in the theme files.

@michael-divine please let me know if you want some further explanation on my workaround ??

Nicole, could you explain your work around a bit. I looking for info on using ACF to do just this.

Hi @nicole2292 could you explain your work around please, thank you

$args = array(
    'taxonomy'      => 'category',
    'term_args'    => array(
        'hide_empty'    => false,
        'parent'        => 0
    )
);
$terms = apply_filters( 'taxonomy-images-get-terms', '', $args );

foreach ($terms as $term){
   $image = wp_get_attachment_image_src($term->image_id, 'thumbnail');
   print_r($image);
}

@nicole2292 I am very interested in your workaround which you mention above.

Hi @elijahdavidson are you familiar with the Advanced Custom Fields plugin?

Use this plugin here: https://www.ads-software.com/plugins/advanced-custom-fields/

Set up an image field for the taxonomy term. Here is some documentation on that: https://www.advancedcustomfields.com/resources/adding-fields-taxonomy-term/

Retrieve the image field in your template file. Here is the documention for setting up the image field and the code for retrieving and displaying it in your theme: https://www.advancedcustomfields.com/resources/image/

I hope that helps ??

Nicole

@nicole2292 Thank you so much!

Thanks @nicole2292
I meant to look at this a while back and forgot. I simply gave up and hard coded a page with a list and all the images since the tags themselves and how I’m using them doesn’t change much.

I don’t think the custom fields tho would work in this case however.

<div class="product-tags">
<ul>
<li><a href="URL" rel="tag"><img src="TAGTHUMB.JPG" /><h2>TAG NAME</h2></a></li>
<li>....etc....</li>
</ul>
</div

@naitech – I’m not clear on what you posted. Is that to go in the functions.php file?

HI @michael-divine

Yes ACF would work perfectly in that use case. You would just need to add an image field ‘category_image’ for taxonomy terms then assign each image to the field when editing the respective taxonomy. Put your code above in your theme file for archive-product.php but replace the hard coded image src in yoru code with the one you get from ACF.

So I have a templale file “archive-product.php”. Here is the relevant code for this from mine:

$args = array(
    'taxonomy' => 'product_categories',
    'hide_empty' => false,
);

$i = 0;

$terms = get_terms( $args ); 

if ( ! empty( $terms ) && ! is_wp_error( $terms ) ) {
    foreach ( $terms as $term ) {
    	$i++;
    	$image = get_field('category_image', $term);
        ?>
        <a href="<?php echo esc_url( get_term_link( $term ) ); ?>" class="box box<? echo $i; ?>" style="background-image: url('<?php echo $image; ?>')">
			<div class="bg-hover"></div>
			<p class="title"><?php echo $term->name; ?></p>
		</a>
        <?php
    }  
}

• This reply was modified 4 years, 5 months ago by nicole2292.
• This reply was modified 4 years, 5 months ago by nicole2292.