Support » Plugin: Taxonomy Images » Show term image in a query loop

  • Hello
    I try to display the term image in a function.
    Any help would be really appreciated.

    add_shortcode( 'cat_suppliers', 'display_cat_suppliers' );
    function display_cat_suppliers($term_id)
    {
    	?>
    	<div class="supplier_categories">
    	<?php
      ob_start();
        // your taxonomy name
    $tax = 'supplier_category';
    
    // get the terms of taxonomy
    $terms = get_terms( $tax,  [
    	'parent' => 0,
    	'number' => 8,
      'hide_empty' => true, // do not hide empty terms
    ]);
    
    	// Randomize Term Array
    shuffle( $terms );
    
    // loop through all terms
    foreach( $terms as $term ) {
    
    	$image = apply_filters( 'taxonomy-images-queried-term-image', '', array(
        'image_size' => 'portfolio_4_col'
    ) );
      // if no entries attached to the term
      //if( 0 == $term->count )
        // display only the term name
       // echo '<h4>' . $term->name . '</h4>';
    
      // if term has more than 0 entries
        // display link to the term archive
        ?>
        <div class="supplier_4_col_item_wrapper mix">
        <a href="<?php echo get_term_link( $term ); ?>">
        <div class="supplier-item">
    		<figure>
                            
    <div class="supplier-item-thumbnail">
    
    <?php print $image;?>
                                                        
    </div>                           
    <figcaption class="supplier-item-hover">
    
                       <div class="cat-supplier-item-title">
    				<span> <?php echo $term->name; ?></span>
                              </div>     
                                 
    </figcaption>
                            
                                
    
    </figure>
    
    </div>
    </a>
    </div>
    <?php
    
    }
    	return ob_get_clean();
    	?>
    </div>
    	<?php
    }
    
Viewing 2 replies - 1 through 2 (of 2 total)
  • The following code is working.

    function display_cat_suppliers( $atts, $content = null )
    {
    	extract(shortcode_atts(array(
    		"number" => '9999'
    	), $atts));
    	?>
    	<div class="cat-suppliers">
    	<?php
      ob_start();
        // your taxonomy name
    $tax = 'supplier_category';
    
    // get the terms of taxonomy
    $terms = get_terms( $tax,  [
    	'parent' => 0,
    	'number' => $number,
      'hide_empty' => true, // hide empty terms
    ]);
    
    	// Randomize Term Array
    shuffle( $terms );
    
    // loop through all terms
    foreach( $terms as $term ) {
    // Set your defined term ID
    $tem_id = $term->term_id;; // (an integer)
    
    // Get the array of Term ID/Image ID pairs
    $taxonomy_images = get_option( 'taxonomy_image_plugin' );
    
    $attachment_id = $taxonomy_images[$tem_id]; // Image ID
    $image = wp_get_attachment_image( $attachment_id, 'portfolio_4_col' ); // Image
    $term = get_term( $tem_id ); // The WP_Term object
    $link = get_term_link( $tem_id ); // The term link
        ?>
        <div class="supplier_4_col_item_wrapper mix">
    
                        <a href="<?php echo get_term_link( $term ); ?>">
                                                                      
                                             <div class="style-item">
                           <div class="front">
    			<!-- front content -->
    			 <figure>
                            
    <div class="style-item-thumbnail">
    
    <?php echo $image; ?>
    
                              
    
    </div>                            <figcaption class="style-item-hover"></figcaption>
                           	<div class="style-item-title">
    				<span> <?php echo $term->name; ?> </span>
                              </div>
    </figure>
    </div>
    </div>
    		
                           
                           </a>
    
                        </div>
     
    <?php
    
    }
    	return ob_get_clean();
    	?>
    </div>
    	<?php
    }
    • This reply was modified 1 year, 10 months ago by whoaloic.

    Thanks whoaloic!!!! Worked for me too!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Show term image in a query loop’ is closed to new replies.