[Resolved] display in elementor template all ancestor taxonomy terms

[Author]

Posts

[ioannaS]

Hello. I am building a real estate website. I have created a hierarchical taxonomy for areas and I want to display the selected area along with all ancestor terms in an Elementor template. I also tried to display the area taxonomy terms in hierarchical order (grandparent > parent > child). I haven't gotten neither one to work.

I followed the directions found here https://toolset.com/forums/topic/display-taxonomys-parent-in-taxonomy-view/ along with other tickets found on toolset.com but I'm clearly doing something wrong. Thank you.

[ioannaS]

I have attached some screenshots showing the custom post type and taxonomy names. They also show the code I added on Toolset and the shortcode I added in the Elementor template. If the custom code doesn't work, I wouldn't mind selecting multiple taxonomy terms per post and having a shortcode displaying all custom taxonomy terms in hierarchical order with " > " as the separator (ie. Attica > southern suburbs > Dafni).

[Minesh]

Hello. Thank you for contacting the Toolset support.

Can you please share the problem URL and admin access details and let me review what we can do in this case.

Can you please share test post against which I run a test and share your expected result for a specific post/page?

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

I've added the following custom shortcode to the "Custom Code" section snippet:
=> hidden link

function func_show_post_hierarchical_terms($atts) {
    global $post;
      
    $taxonomy = $atts['taxonomy'];
    $separator = $atts['separator'];
    $terms = wp_get_object_terms( $post->ID, $taxonomy, array( "fields" => "ids" ) );
    if( $terms ) {
        $terms = trim( implode( ',', (array) $terms ), ' ,' );
      
      	return wp_list_categories( 'title_li=&taxonomy=' . $taxonomy . '&include=' . $terms."&hierarchical=1"."&separator=".$separator."&echo=0&style=none");
          
    }
}
add_shortcode('show_post_terms_hierarchical', 'func_show_post_hierarchical_terms');

And added the shortcode to your Elementor template as given under:
=> hidden link

[show_post_terms_hierarchical taxonomy="area" separator=" > "]

Can you please confirm it works as expected.

[ioannaS]

Thank you! This is exactly what I wanted. I have added some styling to the shortcode.

"
<div style="font-size: 22px; font-family: lato;">[show_post_terms_hierarchical taxonomy="area" separator=" > "]</div>
"

I have also noticed that the separator is displayed after the last taxonomy term. Is there a way to hide it?

[Minesh]

I've adjusted the shortcode added to "Custom Code" as given under:

function func_show_post_hierarchical_terms($atts) {
    global $post;
      
    $taxonomy = $atts['taxonomy'];
    $separator = $atts['separator'];
    $terms = wp_get_object_terms( $post->ID, $taxonomy, array( "fields" => "ids" ) );
    if( $terms ) {
        $terms = trim( implode( ',', (array) $terms ), ' ,' );
      
      $terms = wp_list_categories( 'title_li=&taxonomy=' . $taxonomy . '&include=' . $terms."&hierarchical=1"."&separator=".$separator."&echo=0&style=none");
        $x = explode(" > ",$terms);
      	array_pop($x);
        $terms = join(" > ",$x);
        
      return $terms;
    }
}
add_shortcode('show_post_terms_hierarchical', 'func_show_post_hierarchical_terms');

Can you please confirm it works as expected now:
- hidden link

[ioannaS]

It's working now! Thank you!