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:
