The context for the shortcodes that output term meta (the custom fields for your taxonomy) must be a taxonomy term, i.e. when you are viewing the archive for a taxonomy term, or if you created a View (with the legacy editor) to query taxonomy terms.
In your Content Template the context is a post, and while you can output the terms assigned to the post, you can't output meta data of those terms.
One solution would be to create a taxonomy View to provide the correct context, but the simplest solution is probably to register a custom shortcode to return the term_id of the term assigned to the post, and use that in the wpv-taxonomy-field shortcode to force which term you are retrieving the meta data for.
So, register a custom shortcode with the following code (you can add a Code Snippet at Toolset > Settings > Custom Code):
add_shortcode('term-id', function ($atts = [] ) {
$output = "";
if ( isset( $atts['tax'] ) ){
global $post;
$terms = get_the_terms( $post->ID, $atts['tax'] );
if ( is_array( $terms ) ){
$output = $terms[0]->term_id;
}
}
return $output;
});
Then go to Toolset > Settings > Front-end Content, and add this term-id shortcode to the Third-party shortcode arguments setting.
Now go back to your template, and you should be able to use the following shortcode:
