ACF - Display image from Custom Post Type custom Category

Question

I have a problem and I believe the answer lies here: https://www.advancedcustomfields.com/resources/get-values-from-a-taxonomy-term/ But I cant figure out how to apply it to my code...

I have used Advanced Custom Fields to add an image field inside the categories of a custom post type. My custom post type is call Short Courses, and the category name is Course Types.

Here's the loop:

        <?php
            $customPostTaxonomies = get_object_taxonomies('short_courses');

            if(count($customPostTaxonomies) > 0)
            {
                 foreach($customPostTaxonomies as $tax)
                 {
                     $args = array(
                          'orderby' => 'name',
                          'show_count' => 0,
                          'pad_counts' => 0,
                          'hierarchical' => 1,
                          'taxonomy' => $tax,
                          'title_li' => '',
                          'hide_empty' => FALSE
                          );

                        $categories = get_categories( $args );
                        foreach ( $categories as $category ) {
                            echo '

                            <div class="one-half sc-cat-items">
                                <img src="' . get_field('course_type_image', $category->name) . '">

                                <h2>
                                    <a href="' . get_category_link( $category->term_id ) . '">' . $category->name . '</a>
                                </h2>
                            </div>';
                        }

                 }
            }
        ?>

I've tried to add this line in to retrieve the image for each category:

<img src="' . get_field('course_type_image', $category->name) . '">

This prints out the <img src=""> tag, but it isn't filling in the URL for some reason...

Ive also tried: <img src="' . get_field('course_type_image') . '"> on it's own, but the same result

Currently it looks like this:

and I'm trying to display the image for each category so it looks like this:

Ankita Tanti Ankita Tanti · Accepted Answer · 2017-10-26T13:38:33

Try Below code :

 $taxonomy = $category->taxonomy;
 $term_id = $category->term_id; 
 $slug =  $taxonomy . '_' . $term_id; 

 $img = get_field('course_type_image',$slug);

if(sizeof($img))
{
      echo '<img src="'.$img['url'].'">';
}

You can modify the loop with my code as below :

foreach ( $categories as $category ) {
      echo '<div class="one-half sc-cat-items">';
              $taxonomy = $category->taxonomy;
              $term_id = $category->term_id; 
              $slug =  $taxonomy . '_' . $term_id; 

              $img = get_field('course_type_image',$slug);
              if(sizeof($img))
              {
                   echo '<img src="'.$img['url'].'">';
              }    

         echo '<h2><a href="' . get_category_link( $category->term_id ) . '">' . $category->name . '</a></h2>';
      echo '</div>';
}

ACF - Display image from Custom Post Type custom Category

1 Answers