Looping through everything to create a single page site?

gingerbeardman

I'm making a single page site but I want the content to be managed as pages grouped into columns.

So, I'm trying to figure out the neatest templating to loop through each Column/container page, and show the content and images of all child pages.

The templating would go on the Home page, and none of the other pages would be able to be visited by the user (they would not be linked from the template)

Any recommendations or pointers?

Thanks!

gingerbeardman

This will get all columns:

<@ newPagelist { 
    match: '{"url": "@{ regex }", ":level": "/1/"}'
} @>

This will get all child pages, but not in the required order:

<@ newPagelist { 
    match: '{"url": "@{ regex }", ":level": "/2/"}'
} @>

But how to neatly combine both?

The second one is close, and I can refer to the parent column using @{ :parent }

mad

gingerbeardman Hi, I think a recursive snippet or even a nested loop can do that:

<@ new Pagelist { type: 'children' } @> 
<@ with '/' @>
    <@ foreach in pagelist @>
        <@ foreach in pagelist @>
            @{ title }
        <@ end @>
    <@ end @>
<@ end @>

Not tested. Note that the pagelist has no context. In such case the current context is used and that will change during the iteration. Therefore you can just nest two loops to iterate all second level pages.

gingerbeardman

mad thanks, that's gives me a good start towards my goal.