Listando as Receitas

A página com a lista de receitas conterá todas as receitas publicadas. Cada item da lista irá mostrar o nome, a imagem e a chamada da receita.

Antes de criarmos nossa página, devemos acrescentar novos códigos CSS no arquivo docedesejo.css . Simplesmente copie e adicione o código abaixo:

.listaReceitas { width: 75%; margin-left: auto; margin-right: auto; }

Os seguintes passos explicam como criar a página:

  • 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_receitas_folder .
  • Em Chaves de override , na caixa dropdown Classe, selecione Folder 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/full_receitas_folder.tpl e irá instruir o eZ publish a usá-lo toda vez que esta pasta for acessada.

Para editar o template que acabamos de criar, siga os seguintes passos:

  • Clique no ícone para editar o template full_receitas_folder.tpl . A tela de edição do template irá aparecer.
  • Recorte e cole o código abaixo:
<div class="tituloPagina">
   Receitas
</div>
<div align="center">
   <!-- O botão estará aqui! -->
</div>
<br>
{let children=fetch( content, list, hash(
                             parent_node_id, $node.node_id,
                             sort_by, $node.sort_array ))}

{section name=Child loop=$children}
   {node_view_gui view=line content_node=$Child:item}
   <hr>
{/section}
{/let}
  • 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_receitas_folder.tpl para 1 e clique no botão Atualizar prioridades .

O link Receitas do menu principal deve ser apontado para esta nova página. Edite o arquivo pagelayout.tpl e altere a linha referente ao link Receitas com o seguinte código:

<a href={"/receitas"|ezurl}>Receitas</a>

Abra a página no browser e clique no link Receitas do menu principal.O eZ publish irá listar o conteúdo da pasta usando o template full_receitas_folder.tpl que acabamos de criar.Como ainda não criamos um template line-view para receitas, teremos um resultado como este:

docedesejo_receitas_01



Comentários

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

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

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


Powered by eZ Publish™ CMS Open Source Web Content Management. Copyright © 1999-2010 eZ Systems AS (except where otherwise noted). All rights reserved.