What's the best way for displaying a three-level category tree?

Question

What I'm trying to achieve is the following:
A three-level 'category' tree, with at the end channel_entries. So users can browse between categories & access the entries related to that category.

• Category A
  • Category A.1
    • Entries
  • Category A.2
    • Entries
• Category B
  • Category B.1
    • Category B.1.1
      • Entries
    • Category B.1.2
      • Entries
• Category C

I'm already using the Child Categories-plugin,
but it seems like you can't access categories in such 'depth':

Hi,
This add-on supports only 2 levels of categories, i.e. you can display parents and children,
but not grandchildren.

I also tried a combination between the native category tag & child categories,
but no success so far...

Or am I better off by writing a custom query?

What's the best way to approach this?

Answer 1

I would go with gwcode-categories: it allows you to target categories by depth.

F.ex:

{exp:gwcode_categories channel="example" depth="3"}
    {cat_name}
{/exp:gwcode_categories}

You can find more info in the docs.

Anyway, your code should be something along these lines:

{exp:gwcode_categories channel="example"}
    {cat_name}
    {if depth == 3}
        <ul>
            {exp:channel:entries channel="example" category="{cat_id}"}
                <li>
                    {title}
                </li>
            {/exp:channel:entries}
        </ul>
    {/if}
{exp:gwcode_categories channel="example"}