Login |  Criar conta home contato
   
Documentação Forum Artigos User Group
eZ brasil / Documentação / Construindo um site co... / A página de Links / Criando o template para Links

Criando o template para Links

Edite o arquivo pagelayout.tpl e altere a linha referente ao link Links com o seguinte código:

<a href={"/links"|ezurl}>Links</a>

Agora, se você tentar acessar o link você verá uma imagem semelhante a esta:

A página Links foi visualizada usando o template full-view padrão do eZ publish. O próximo passo é alterar este comportamento. Como fizemos nas seções anteriores deste documento, iremos usar a interface administrativa para criar os novos templates que irão subrescrever os templates padrões do sistema.

Os seguintes passos explicam como gerar um novo template full-view para a pasta Links.

  • Efetue o login na interface administrativa.
  • Clique em Design no menu superior.
  • Clique em Modelos no menu lateral esquerdo.
  • Em Modelos mais comuns, localize /node/view/full.tpl e clique sobre ele.
  • Clique no botão Nova substituição.
  • No campo Nome de arquivo, digite full_links_folder.
  • Em Chaves de override, na caixa dropdown Classe, selecione Folder e na caixa dropdown Seção, selecione Links.
  • Deixe o campo ID do Nó vazio.
  • Clique OK.

O sistema irá gerar o arquivo design/docedesejo/override/templates/full_links_folder.tpl.

Agora que temos o arquivo de template criado, vamos pensar sobre como criar este template. No lado esquerdo da área de conteúdo, podemos exibir uma lista com as sub-pastas que estão dentro da pasta Links. Quando uma sub-pasta for acessada pelo usuário, o eZ publish deve listar o conteúdo que esta dentro dela, neste caso, os links. Quando um destes links forem clicados, o browser deverá abrí-los em uma nova janela. No lado direito, por exemplo, podemos exibir o nome e a descrição da pasta que foi acessada.

Edite o template full_links_folder.tpl que acabamos de criar.

  • Clique no ícone para editar o template full_links_folder.tpl. A tela de edição do template irá aparecer.
  • Recorte e cole o código abaixo:
<div class="tituloPagina">
   Links
</div>
<table>
  <tr>
     <td width=”200” valign=”top”>
        {include uri="design:links_tree_menu.tpl"}
     </td>
     <td valign="top">
        <b>{$node.name}</b>
        <br />
        <br />
        {attribute_view_gui attribute=$node.object.data_map.description}     
     </td>
  </tr>
</table>
  • Clique no botão Aplicar as mudanças. O sistema retornará a página de templates.
  • Na coluna Prioridade, altere a prioridade do template full_links_folder.tpl para 1 e clique no botão Atualizar prioridades.

Como você pode observar, nós dividimos a página em duas partes usando tabelas. A parte esquerda será usada para exibir o menu, a parte direita será usada para mostrar informações sobre a pasta que estiver sendo acessada. Se você acessar a página Links neste ponto, verá um resultado semelhante à figura abaixo:



Comentários


Você não tem permissão para criar comentários.

(Login)

Escrito por:
Leandro Alves
(27/02/2006 19:24 pm)

Última modificação:
Leandro Alves
(28/02/2006 17:33 pm)