Current context woes with multi-level menu

[pointyfar]

Helping would be much easier if you had your code in a repo we can have a look at, instead of us trying to recreate based on snippets and structure. See Requesting Help .

I’m not entirely sure what you are trying to do and what your question is. Is it the menu that’s not working? Is it that your pages are using incorrect layouts?

@pamubay 's answer above does not affect your URL formats at all, merely pointing out that nested content does not map to nested layout files. I.e., content/a/b/c.md, which renders into yoursite.com/a/b/c/ will not use layouts/a/b/single.md:

@moe_narrow

.
└── layouts
    └── products
    |   ├── list.html
    |   ├── single.html
    |   ├── random      <-- this won't do anything
    |    |  ├── list.html
    |    |  └── single.html
    |   ├── all
    |    |  ├── list.html
    |    |  ├── single.html
    |    |  └── random       <-- this won't do anything
    |    |        ├── list.html
    |    |        └── single.html
    └── random
        ├── list.html
        └── single.html

@moe_narrow

I feel like this whole situation could be avoided with a for loop

That’s what range is for.

@moe_narrow

if some parameters from the selection of the menu item that was clicked on were passed as arguments instead of trying to redirect the page, more or less reload the current one with the new context.

What you are describing sounds more like a single page app.

Hugo generates static pages. This means that the pages get created when you run hugo, not when you load the page, so when you click a link <a href="page/foo/">like this</a> from a page, there is no “context” to be passed that will change what is on the page that you are navigating to.

You can of course achieve that using javascript, but that really is beyond the scope of this forum.