Criando templates para classe Receita / A página de Receitas / Construindo um site com o eZ publish / Documentação / eZ brasil

O seguinte texto explica como criar um template line-view customizado para a classe Receita dentro da seção Receitas. Este template será usado para cada item de receita.

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/line.tpl e clique sobre ele.
Clique no botão Nova substituição.
No campo Nome de arquivo, digite line_receita.
Em Chaves de override, na caixa dropdown Classe, selecione Receita e na caixa dropdown Seção, selecione Receitas.
Deixe o campo ID do Nó vazio.
Clique OK.

O sistema irá gerar o arquivo design/docedesejo/override/templates/line_receita.tpl. O eZ publish fará uso deste arquivo toda vez que os itens de receitas forem visualizados.

Coloque o seguinte código dentro deste arquivo:

Clique no ícone para editar o template line_receita.tpl. A tela de edição do template irá aparecer.
Recorte e cole o código abaixo:

<table class="listaReceitas" width="100%">
    <tr>
        <td colspan="2">
          <div class="linkTitulo">
             <a href={$node.url_alias|ezurl}>
              {attribute_view_gui attribute=$node.object.data_map.nome}
             </a>
          </div>
        </td>
    </tr>
    <tr>
        <td valign="top">
            {attribute_view_gui attribute=$node.object.data_map.chamada}
        </td>
        <td align="right" valign="top" width="16%">
            {attribute_view_gui attribute=$node.object.data_map.imagem 
             image_class=articlethumbnail}
        </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 line_receita.tpl para 1 e clique no botão Atualizar prioridades.

Limpe o cache do sistema e visualize a página de receitas novamente. Você deverá ver um resultado como este:

Agora que temos as receitas listadas de forma amigável, devemos visualizá-la por completo. O conteúdo da receita será acessado clicando no nome desta.

Da mesma forma que criamos um template line-view para a classe Receitas, devemos criar um template full-view para podermos visualizar o conteúdo da receita por completo.

O seguinte texto explica como criar este template:

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_receita.
Em Chaves de override, na caixa dropdown Classe, selecione Receita e na caixa dropdown Seção, selecione Receitas.
Deixe o campo ID do Nó vazio.
Clique OK.

Isso irá gerar o arquivo design/docedesejo/override/templates/full_receita.tpl e o eZ publish irá usá-lo toda vez que a receita for visualizada por completo.

Coloque o seguinte código dentro deste arquivo:

Clique no ícone para editar o template full_receita.tpl. A tela de edição do template irá aparecer.
Recorte e cole o código abaixo:

<div class="titulo">
   {attribute_view_gui attribute=$node.object.data_map.nome}
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="top" >
      <b>Ingredientes</b>
      {attribute_view_gui  attribute=$node.object.data_map.ingredientes}
      <br>
      <b>Modo de preparo</b>
      {attribute_view_gui attribute=$node.object.data_map.mododepreparo}
    </td>
    <td valign="top" width="27%">
      {attribute_view_gui attribute=$node.object.data_map.image 
       image_class=medium}
    </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_receita.tpl para 1 e clique no botão Atualizar prioridades.

Limpe o cache do sistema, exiba a página de receitas novamente e clique em uma receita para visualizá-la. Você verá um resultado como este:

Criando templates para classe Receita

Comentários

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