is it possible to display taxonomy image in elementor using ACF or other ways ?
i want to load the taxonomy image in dynamic tags for using on elementor grid loop
]]>Below is the code that I'm using to display images and the names of terms associated with a single post in my custom post template. This works fine, however, I need to sort the terms and images by the term id ASC. Is that possible with this code?
<div class='my-taxonomy'>
<?php print '<b class="me-bold">My Taxonomy: </b>';?>
<div>
? ? <?php
$terms = get_the_terms( $post->ID, 'my-taxonomy' );
foreach ($terms as $term) :
? ? $terms = apply_filters( 'taxonomy-images-get-terms', '', array(
? ? ? ? 'taxonomy' => 'my-taxonomy',
? ? ? ? ? ? 'term_args' => array(
? ? ? ? ? ? ? ? 'slug' => $term->slug,
? ? ? ? ? ? ? ? )
? ? ? ? )
? ? );
? ? foreach( (array) $terms as $term) :
? ? ? ? ? ? echo wp_get_attachment_image( $term->image_id, 'full', array('class' => 'alignnone'));
? ? ? ? echo $term->name;
? ? endforeach;
endforeach;
?>
</div>
</div>i use the tag cloud and want to add the image in front of the title so the image is linked within the a tag. i’m not great with php and can’t find a function/shortcode/snippet that works. is there a list of things like that somewhere?
]]>Hi One of my clients uses this plugin on a successfull ecommerce store.
Is this plugin abandoned? I see no updates for 5 years? Or does it just use simple code that hasnt been depreciated over the past 5 years?
I just want to make sure this plugin is secure.
]]>Add the following code to your child functions.php file. May be it eas already written here earlier but this works perfectly to add product feature images/ icons to product archives.
// taxonomy product feature images into woocommerce product archives
add_action('woocommerce_before_shop_loop_item', 'special_images_woocommerce');
function special_images_woocommerce() {
// Check if the 'taxonomy-images' plugin is active
if (is_plugin_active('taxonomy-images/taxonomy-images.php')) {
global $product;
$filter_out = apply_filters( 'taxonomy-images-queried-term-image', '', ['image_size' => 'medium', 'attr' => ['class' => 'tax-image-custom']] );
if ($filter_out) {
// Wrap the output in a container
echo '<div class="tax-image-custom-container">' . $filter_out . '</div>';
}
else {
$image_counter = 0; // Initialize image counter
foreach( $product->get_attributes() as $taxonomy => $product_attribute ) {
foreach( $product_attribute->get_terms() as $term ) {
$term = get_term($term, $taxonomy);
$tit = new Taxonomy_Images_Term($term);
$image_id = $tit->get_image_id();
if ($image_id > 0) {
// Wrap the output in a container and increment the image counter
echo '<div class="tax-image-custom-container tax-image-custom-container-' . $image_counter . '">' . wp_get_attachment_image($image_id, 'thumbnail', false, ['class' => 'tax-image-custom']) . '</div>';
$image_counter++; // Increment image counter
}
}
}
}
}
else {
return; // Plugin is not active, so we exit the function
}
}css child theme code
/* image feature taxonomy */
.tax-image-custom {padding: 2px 5px; max-width: 40px;}
.tax-image-custom-container {
position: absolute;}
.tax-image-custom-container-0 {
top: 10px; left: 0;}
.tax-image-custom-container-1 {
top: 50px; left: 0px;}
.tax-image-custom-container-2 {
top: 90px; left: 0px;}
.tax-image-custom-container-3 {
top: 130px; left: 0px;}I’ve searched everywhere for a way to do what I’m thinking, I’m really sorry if this was answered already.
So, I want to change the Category text for an image/icon in the blog page.
Let me try my best to explain.
In my site at the moment under the image it shows the categories assign to that post:
https://i.stack.imgur.com/xOqcU.png
But instead of the names (text), I want it to show the image that I’ve assigned to that category:
https://i.stack.imgur.com/yNz0V.png
I’ve downloaded the Taxonomy Images Plugin, but now I don’t know where to put the code to show images instead of names (text)
And I’d love to show like this in the post page too.
]]>Hi Ben
I just read through the plugin description and checked the examples provided there. Currently I am trying to build something that displays an individual category image in the frontend.
The backend is done so far and I have added a new field using ACF to upload the image.
However, I cannot display it in the frontend just yet.
Do you happen to know a simple way to implement an array with a specific image URL assigned, combined with a unique CSS class and therefore to display an individual category icon in the frontend?
Thank you
Michael
Hi,
I migrated my website to a new hosting provider and everything went fairly well, however, I appear to have lost the association of images with some of my taxonomy terms. I used to have a photo of each “author” on this page https://www.shortkidstories.com/authors/ however in the new location no photos are presenting either front or back end. The images are still in the media library.
The link above is the old location of the site which still works and shows how it should look, however, on the new site the images are just blank. I can’t switch until I resolve this issue.
Any advice is there some change to a database table for example that might resolve this for me?
]]>How can I add a custom css class to image tag this plugin outputs? Thank you.
]]>I’m doing a clean transfer of site to new server, however, due to some of the options, such as featured images not working correctly and possible timeouts when exporting a large amount of posts using the WordPress tool, I’m starting with a new new clean installation of WordPress, but I’m importing the some of the tables to the new database, such as:
wp_posts
wp_comments
wp_terms
wp_commentmeta
wp_postmeta
wp_term_relationships
wp_term_taxonomy
wp_termmeta
And then I’m reconfiguring the rest from scratch.
However, after I didn’t see any export option for Taxonomy Images, and after I installed the plugin in the new instance of the site, I don’t see tags or categories with previous images. How do I export the settings from the plugin or how I can fix this issue?
Thanks,
]]>Dear,
I have implemented your wonderfull plugin to be able to display featured image for custom taxonomy but it look the image isn’t loaded dynamicaly by my theme Uncode like it do for classic category or tag taxonomy featured image.
Do you have any idea?
Thank you in advance!!
]]>Hello. Please help how to solve the problem of withdrawing Taxonomy Images in the CEO description? By default, a short description of the article and an image of the entry are displayed in the seo description. What code to display instead of the recording image %%Taxonomy Images
]]>Hello.
I’ve work with another plugin and i want to show taxonomy images of woocommerce attributes. It is a search plugin, so results will be changing.
Example: I can get static images or can echo wc_placeholder_img_src() How can i import taxonomy images on this plugin? or can i? thanks in advance.
<li class="woof_term_<?php echo $term['term_id'] ?> <?php if ($hide_next_term_li): ?>woof_hidden_term<?php endif; ?>">
/**example**/<img class="my-example-div" src="<?php echo esc_url( wc_placeholder_img_src() ); ?> "> /**example**/
<input type="radio" <?php if (!$count AND ! in_array($term['slug'], $current_request) AND $show_count): ?>disabled=""<?php endif; ?> id="<?php echo 'woof_' . $term['term_id'] . '_' . $inique_id ?>" class="woof_radio_term woof_radio_term_<?php echo $term['term_id'] ?>" data-slug="<?php echo $term['slug'] ?>" data-term-id="<?php echo $term['term_id'] ?>" name="<?php echo $tax_slug ?>" value="<?php echo $term['term_id'] ?>" <?php echo checked(in_array($term['slug'], $current_request)) ?> /><label class="woof_radio_label <?php if (in_array($term['slug'], $current_request)): ?>woof_radio_label_selected<?php endif; ?>" for="<?php echo 'woof_' . $term['term_id'] . '_' . $inique_id ?>"><?php
if (has_filter('woof_before_term_name'))
echo apply_filters('woof_before_term_name', $term, $taxonomy_info);
else
echo $term['name'];
?><?php echo $count_string ?></label>Hello. Please tell me how to prevent the editing of Taxonomy Images to certain user groups? I need only the administrator to manage ..
Thanks!
]]>I’m using 1280×720 images for my tags.
When I select one (an existing upload) it does the association, but then it makes the image 150×150 (in the media manager itself) and I have to re-upload it.
Known bug?
]]>Please tell me how to limit the ability and roles to users so that they cannot delete and edit taxonomy-images ? What code to write and add this feature? taxonomy_images_get_terms ??
]]>I’d like to display thumbnails of the featured images I’ve added for each item in this category list. The list is being called in with a shortcode from another plugin, https://www.ads-software.com/plugins/list-categories/ which I’m guessing I’d have to hack to work this way. Or perhaps I could hack archive.php similar to the way I got the featured image to show on the single post page. https://quakertheology.org/category/issues/issue-1/
]]>Is it possible for the taxonomy images to be part of a sprite sheet? How would I intercept the images output and output my sprite like “<i class=”sprite sprite-linkedin”></i>” or whatever in the place of the img tag.
Thank you.
]]>After struggling with this for a long time, I really have come to a standstill. It shows up just fine on the backend. I uploaded images, etc.
But on the front end… I have a page where I have an unordered list of tags and I’d like thumbanils with them like this:
<div class="product-tags">
<ul>
<?php foreach ( $terms as $term ) { ?>
<li><a href="<?php echo get_term_link( $term->term_id, 'product_tag' ); ?> " rel="tag">
<img src="<?php $image_url = apply_filters( 'taxonomy-images-queried-term-image-url', '' ); ?>">
<?php echo $term->name; ?></a></li>
<?php } ?>
</ul>
</div>you can note that I tried to show the image as per the plugin author’s instructions but nothing displays.
<img src="<?php $image_url = apply_filters( 'taxonomy-images-queried-term-image-url', '' ); ?>">
How do I get each tag to show its accompanying image?
]]>I would like to know… is it possible to show the image on a portfolio page instead the name of the portfolio skill?
]]>Great plugin!
I’ve been trying to figure out how to exclude a particular category image? I’ve tried different options and have read every support ticket.
Using this code I want to figure out how to exclude a specific category image either by name or ID.
$terms = apply_filters( ‘taxonomy-images-get-terms’, ” );
This is because I have separate templates with post loops for specific categories and I want each category post loop not to display the image of the category that they are already on, but still display the others associated with the various posts (if there are any others associated with the various post.)
So I’m wanting just to add this code into each category template with an exclude that I can assign (In my case the assigned will be the template category I’m editing this code.)
]]>I use WP REST API. When I get response, there are have not url for image of Category. So, have you any proposition for it? I think it is actual issue!
]]>I am running Woocommerce and Elementor using GeneratePress theme.
I have added custom product taxonomies using ACF and assigned images to those taxonomies using the Taxonomy Images plugin.
I am trying to display these product tag images on single products pages, using a template made in Elementor.
The code I am using is:
add_action(“woocommerce_after_add_to_cart_button”,”product_taxonomy_image”);
function product_taxonomy_image () {
print apply_filters( ‘taxonomy-images-list-the-terms’, ”, array(
‘before’ => ‘<div class=”product-badges”>’,
‘after’ => ‘</div>’,
‘before_image’ => ‘<span>’,
‘after_image’ => ‘</span>’,
‘image_size’ => ‘detail’,
‘taxonomy’ => ‘product_tag’,
) );
}
Currently, I can’t get any product tag images to display.
I would really appreciate some help.
Thanks
]]>I’m trying to display images attached to custom taxonomies on the individual product pages. I’ve used the Custom Taxonomy plugin and added the images using Advanced Custom Fields. I have 2 custom taxonomies called ‘range_logo’ and ‘features’, each with images assigned to them. I need to output the images to the single product page using the hook ‘woocommerce_before_add_to_cart_form’.
As you can see below I have tried outputting a line of text to test if the hook is working correctly, and it is, but the taxonomy image isn’t shown when I add the code which is supplied with the plugin.
add_action(
“woocommerce_before_add_to_cart_form”,”product_taxonomy_image”);
function product_taxonomy_image () {
echo ‘Taxonomy image here’;
print apply_filters( ‘taxonomy-images-queried-term-image’, ” );
}
Expected results are that the appropriate taxonomy image for the product would be displayed. Instead I got this 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. Learn more about template hierarchy. in /var/sites/a/mysite.com/public_html/wpnew/wp-content/plugins/taxonomy-images/legacy/includes/public-filters.php on line 398
If it helps I’m using the Avada theme – maybe the layout of the theme’s template files could be the reason for the error? I think I may need to use archive.php instead, but unfortunately I don’t have much experience with PHP and I’ve hit a wall with getting this to work. Not sure what I should be trying next.
Thanks for any help.
]]>Trying to retrieve the Image ID for Custom Taxonomy. Nothing appears.
if( is_plugin_active('taxonomy-images/taxonomy-images.php') ){
$custom_taxonomy_images = get_option('taxonomy_image_plugin');
$image_id = $custom_taxonomy_images[intval($term->term_id)];
echo $image_id;
}However, It does show up on the taxonomy backend.
]]>Hello, How do I get the categories with images?
According to the plugin you have to put this code but it does not specify where to put it:
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
]]>Hi,
I am using the Taxonomy Images plugin for a long time with no issues. My host is on v5.3.3 of PHP, but when I try to upgrade to any more recent version, all the taxonomy images from my site disappear. They reappear when I switch back to 5.3.3
Any ideas? I know 5.3.3. is very old but I need to preserve those images on the site. However I need to upgrade PHP for the requirements of another plugin.
]]>for all here struggling with implementing this: your theme functions.php:
function get_term_img_url(){
if( ! is_plugin_active( ‘taxonomy-images/taxonomy-images.php’ ) ) return;
$taxonomy = ‘product_tag’;
$post_id = get_the_ID();
$terms = wp_get_post_terms( $post_id, $taxonomy ); // Terms for this post
$custom_taxonomy_images = get_option( ‘taxonomy_image_plugin’ ); // Plugin images data
if ( empty( $terms ) ) return; // If no terms found, we exit.
echo ‘<div class=”termiconcontainer”>’;
// Loop through each term in this post for the defined taxonomy
foreach ( $terms as $term ) {
$attachment_id = $custom_taxonomy_images[intval($term->term_id)]; // Get image Attachement ID
$image = wp_get_attachment_image( $attachment_id, ‘full’ ); // Get image to be displayed
$url = get_term_link( $term->term_id, $taxonomy ); // Get term URL
?>
<div class=”termicondiv”>
name; ?>” href=”<?php echo $url; ?>”><?php echo $image; ?>
</div>
<?php
}
echo ‘</div>’;
}
I’ve added this to the short-description.php (copy from woocommerce folder into your theme) like this:
<div class=”woocommerce-product-details__short-description”>
<?php echo $short_description; // WPCS: XSS ok. ?>
<?php echo get_term_img_url()?>
</div>
If you would like to have this added into the archive page, add this to content-product.php like this:
do_action( ‘woocommerce_after_shop_loop_item_title’ );
echo get_term_img_url();
style:
.termiconcontainer
display: flex
flex-wrap: wrap
.termicon img
width: 25px
heigt: 25px
.termicontext
font-size: 8px
CREDIT toh ttps://stackoverflow.com/users/3730754/loictheaztec
]]>Hi there,
The code below returns a list of [posts] Parent category titles which works.
What I can’t figure out is how to add the thumbnail (but I’ll take any size) image for each one.
It’s probaly simple but I can’t figure it out.
Many thanks
<?php
/* template name: ParentCatTemplate */
get_header(); ?>
<?php
// get_categories() function will return all the categories
$upaae_categories = get_categories( array( 'orderby' => 'name', 'order' => 'ASC' ) );
foreach( $upaae_categories as $single_cat ) { if($single_cat->parent < 1)
// Display if parent category and exclude child categories
{$category_link = sprintf( '<a href="%1$s" alt="%2$s">%3$s</a>', esc_url( get_category_link( $single_cat->term_id ) ),
esc_attr( sprintf( 'View all posts in %s', 'textdomain' ), $single_cat->name ), esc_html( $single_cat->name ));
echo
sprintf( $category_link ).'</br>'; } }
?>
<?php get_footer(); ?>
I installed the plugin on a test site and everything worked fine. Then I attemped to export and import the content to another site and now the image ids are out of sync with the attachment id on the database. Like, if with the UI I create the term with id 520 and add as an image the image with id 4000, in the database the image is stored with the (inexistent) term 528 and goes in increment with each new term. What can I do?
]]>