Showing Drupal taxonomy terms' hierarchical structure in Views

This guide will show how to display Drupal taxonomy terms' hierarchical structure in Views. It is assumed that you have already existing setup of your own taxonomy terms hierarchical structure, a content type which has a field referencing your vocabulary with taxonomy terms hierarchical structure and posted nodes of this content type tagged with one of these taxonomy terms.

In this guide we will use the Drupal vocabulary that has the following structure as our example:

Steps:

1. Create a view. Make sure to select "Taxonomy terms" under "Show" field:

   

2. Add a relationship, select "Taxonomy term: Content using Type" and click "Apply" button:

   

3. Check the "Require this relationship" checkbox and click "Apply" button:

   

4. Our example taxonomy terms' hierarchical structure has three levels so we will add three more relationships. Let's create the first one. Add another relationship, select "Taxonomy term: Parent term" and click "Apply" button:

   

5. Make the value of "Identifier" and "Administrative title" text fields to "Parent level 1"

   

6. Add another relationship for the second level, select "Taxonomy term: Parent term" and click "Apply" button:

   

7. Make the value of "Identifier" and "Administrative title" text fields to "Parent level 2"

   

8. Add another relationship for the third level, select "Taxonomy term: Parent term" and click "Apply" button:

   

9. Make the value of "Identifier" and "Administrative title" text fields to "Parent level 3"

   

10. Now let's add a field to display the node's title, select "Content: Title" and click "Apply" button:

    

11. Uncheck the "Create a label" checkbox, check the "Link this field to the original piece of content" checkbox and click "Apply" button:

    

12. To display the node's tagged term name as well as all its parents term name, we will add the three levels parent term name but we will hide in field criteria as we will use this in grouping in format criteria. Add a field for the first level, select "Taxonomy term: Name" and click "Apply" button:

    

13. Select "Parent level 1" under Relationship" field, uncheck the "Create a label" checkbox, check the "Exclude from display" checkbox and click "Apply" button:

    

14. Add another field for the second level, select "Taxonomy term: Name" and click "Apply" button:

    

15. Select "Parent level 2" under Relationship" field, uncheck the "Create a label" checkbox, check the "Exclude from display" checkbox and click "Apply" button:

    

16. Add another field for the third level, select "Taxonomy term: Name" and click "Apply" button:

    

17. Select "Parent level 3" under Relationship" field, uncheck the "Create a label" checkbox, check the "Exclude from display" checkbox and click "Apply" button:

    

18. Now let's edit the existing "Taxonomy term: Name" under field criteria, uncheck the "Create a label" checkbox, check the "Exclude from display" checkbox and click "Apply" button:

    

19. Under the format criteria, click the "Settings" of "Unformatted list". And make its settings same as the following screenshot:

    

20. (Optional) set the pager to "Display all items" and click "Apply" button:

    

21. The views preview outputs something like this:

    

    The native views theme isn't pretty for this application but it clearly display our sample taxonomy terms' hierarchical structure with their nodes tagging these terms.