Topic Tag: Front-end display

Problem:

The issue here is that the user wanted to have a nested view to list out their taxonomies and their child terms below each parent term

Solution:

You can use nested Views.
https://toolset.com/documentation/user-guides/using-a-child-view-in-a-taxonomy-view-layout/

For example, if you have 3 layers of terms:
GrandParent
- Parent
-- Child

Each has several posts added to it, which you can display in a separate list, that you can reach starting on a Page where only "GrandParent" posts are shown and links to "Parent" and "Child".

To do that:
- create a View that queries your Taxonomy and set a filter as in:
"Select taxonomy terms whose parent is None."
- Add some post information to the loop, or any other data you want to display
- Add the View to any page and see in the front end only data about grand parent terms
- Now add a View which again queries the Taxonomy, this time has a Query filter as:
"Parent is the taxonomy selected by the parent Taxonomy View"
- Again complete the Loop with the information you want to display
- Now insert this View to the loop of the View you created first (and inserted to the page)
- Reload that page and see, that now you have a list of Grandparent Terms and a list of Parent Terms.
- Repeat these steps for the lowest "Child" terms and insert the View to the second created View.

This can be repeated for basically as many times you want.

It allows you to query the data depending on the currently looped content, and link to whatever related page/post/taxonomy term.

You would need to add there HTML and CSS yourself to group and style it like you show, but with the Toolset Views Loop Wizard you should already be able to cut a good part of that as well.