[Resolved] How to output taxonomy custom fields in view?

[Author]

Posts

[Pavel Capcan]

In the "Term Fields" section I've created a new group of custom fields for post categories:
- Category Color (color picker)
- Category Icon (image)
So that each category has its own icon and color.

I have a view that outputs a grid of all posts from different categories. Question: how to apply the respective "Category Color" value as a background color for a post in the grid and how to output the respective "Category Icon" for each post in the grid as well? In the view builder when I click the button "Fields and views", I can't find the fields that I created.

Thanks!

[Shane]

Hi Pavel,

Thank you for contacting our support forum.

The view you are using. This is a taxonomy view correct?

If so then you should be able to use the Fields and Views button to add the shortcode for the custom field to your view.

So in a sense you should be able to do this.

< div style="background-color: [shortcode];">

Please let me know if this helps.

Thanks,
Shane

[Pavel Capcan]

Thank you Shane for the quick response!

Like I mentioned above, I need to output a grid of posts, not categories. Hence this is a simple view, not a taxonomy view.
If I use the taxonomy view I will only get the list of categories, not posts. Which I don't need.

So, my questions still stands: in the post grid (simple view) how to output any custom field related to category.
As in:
- post 1 (title, category name, category color, category icon)
- post 2 (title, category name, category color, category icon)
- etc

Is it feasible?

Thank you!

[Shane]

Hi Pavel,

Yes this is possible.

In this case you will need to use a nested view.

You will create a taxonomy view that will list your taxonomy, then use the fields and views button to add the appropriate fields to the view output.

Next add a query filter for the Taxonomy term and set it to "Set by the current post". See Screenshot

Finally all you need to do is to add this Taxonomy view to the view that is listing your posts.

Please try this and let me know if it helps.

Thanks,
Shane

[Pavel Capcan]

Great! That works!
BUT:
The nested taxonomy view comes with the tags in code: <form> and <div> with a lot of attributes in each of them.
What I need is a pure custom field value taken from the taxonomy view and placed into the post view.
Schematically:
<post view>
<post style="background-color: [taxonomy-custom-field-value]">
...
</post>
</post view>

In other words, in the post view I can't use custom fields from taxonomy view because it comes only wrapped in the div of taxonomy view.

Is there any way I could use pure custom term fields values?

Thanks!

[Shane]

Hi Pavel,

There should be an option on your view called "Disable the wrapping DIV around the View"

This should resolve the issue with the wrapping divs and provide a clean output for your view.

Thanks,
Shane

[Pavel Capcan]

It worked fine! Thank you!

The only concern that I have is how it's rendered in the code. There is a lot of line-breaks. Please see the screenshot.

The code I use for placing the nested view is:
<div style="background-color:[wpv-view name="tax_view_test"];">
[wpv-post-title]
</div>

And on the nested view's settings page I couldn't find any settings about removing these redundant spaces.

[Shane]

Hi Pavel,

Yes these empty spaces are there due to the removal of the Divs.

This would need to be something that would be improved from our side, however this should not cause any issues with your site.

Thanks,
Shane

[Pavel Capcan]

My issue is resolved now. Thank you!