e dá uma série de chunks: &parentRowTpl=`cssplay_parentRow` // &outerTpl=`cssplay_outer` e por aí vai, com um código específico para cada um. Como fazer isso? Eu tenho que salvar e ativar esse chunks? É isso?
É isso mesmo. Tem que criar um chunk para cada elemento da etsrutura do menu. Para criar um chunck é só copiar o html para o chunck e nomear de acordo com a chamada do wayfinder: Por exemplo esta chamada &outerTpl=`cssplay_outer` esta procurando um chunck com o nome de `cssplay_outer` que contem o html para user como template para esta parte da estrutura do menu.
O default do wayfinder é uma lista <li> simples, podemos colocar a lista dentro de um div para estabelecer o estilo:
<div id="menu">
[!Wayfinder? &startId=`....!]
</div>
Outro macete é usar o ID da página para identificar um estilo baseado de acordo coma a página:
<ul id="doc[+wf.docid+]" [+wf.classes+]>
[+wf.wrapper+]
</ul>
O Wayfinder identifica a página (e parente) atual com a classe ’active’. Também o primeiro e ultimo item são identificados com a classe ’first’ e ’last’.