Montagem de solução 1

Neste vídeo explicamos como criar um menu utilizando o serviço de Conteúdos Hierárquicos com um estilo customizado e um link para detalhes do conteúdo.

Para isso, são feitos os seguintes passos:

• Marcação do bloco de página referente ao menu - page holder; (0:42)
• Instanciar serviço de conteúdos hierárquicos - chamado de Menu Principal - e arrastar interface "Menu de Conteudos" para o page holder de menu; (1:10)
• Criação de página para ser os detalhes do conteúdo hierárquico; (2:17)
• Cadastro de conteúdos para o menu principal; (3:32)
• Editar estilo para interface de menu e criação de novo estilo a partir do layout do design. (4:47)

O estilo criado nesta aula é:

<%
var rows = lum_xpath.selectNodes("//data/row");
for(var i in rows)
{
    var row = lum_xpath.toMap(rows[i]);
%>
    <li class="desktop-2 tablet-1 mobile-full">
        <%
        if(row.inCurrentPath == "true")
        {
        %>
            <a class="navigation-link active" href="<%=row.$href%>"><%=row.title%></a>
        <%
        }
        else
        {
        %>
            <a class="navigation-link" href="<%=row.$href%>"><%=row.title%></a>
        <%
        }
        %>
    </li>
<%
}
%><li class="desktop-3 tablet-2 mobile-full right">
    <form method="post" action="index.html">
        <input class="search-input input" type="search" placeholder="Buscar..." />
    </form></li>