Criando templates para classe Receita

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:

docedesejo_receitas_02

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:

docedesejo_receitas_03



Comentários

imagens
Sexta-Feira, 31 de Julho de 2009 jeferson teixeira

oi.... novamente neste ponto... as minhas imagens nao estao abrindo

Entre com seu usuário e senha ou registre-se no site para comentar.

Escrito por:
Leandro Alves
(27/02/2006 15:13)

Última modificação:
Leandro Alves
(28/02/2006 11:11)