Magento – Como criar uma página estática

Apesar do Magento ser um sistema open source para ecommerce, que o torna um site bem dinâmico. É preciso incluir algumas páginas estáticas no sistema. Aquelas do tipo “quem somos” – “como comprar“.

E até mesmo esse processo simples, de incluir uma página pronta no site pode e deve ser feito usando as ferramentas do próprio Magento. Vejamos como:

No Painel administrativo, clique em CMS -> Gerenciar Páginas -> Acrescentar nova página.

A esquerda teremos um menu com 4 opções. A segunda opção Design Personalizado, você precisa indicar apenas a quantidade de colunas que sua página irá apresentar. Neste exemplos ficaremos com 1 coluna:

A primeira opção do menu Informações Gerais, é a mais importante na criação da sua página estática.

Aqui devemos informar Título da Página, se refere ao título que aparece no alto do seu navegador.

SEF URL Identifier, é como essa página será chamada na url, o endereço dela na web. Neste exemplo eu coloquei “como-comprar“, então na internet ficaria algo como: www.sua_pagina.com/como-comprar.

Visão da Loja, deixe para todas as lojas, a não ser que você controle diversas lojas Magento com um único administrador, mas nestes casos vou supor que se você faz isso, então já deve saber como criar uma página estática.

Status. Habilitado não significa que ficará disponível no seu site, e sim na internet. Usando o exemplo acima, se você deixar desabilitado, quando digitar: www.sua_pagina.com/como-comprar irá exibir uma página de erro 404 (página não encontrada), pois você deixou desabilitado. Então habilite.

E por último, conteúdo! Claro, a parte mais importante. É o código html que compõem a página estática. Nesta etapa deve ser colocado sua página usando as tags do html, apenas o que iria dentro das tags body, não é necessário incluir meta tags, nem head, nem title, nada, apenas o conteúdo mesmo.

Algumas tags do Magento podem ajudar aqui, por exemplo, para links e imagens, você não precisa colocar o path completo, pode usar:

<img src=”{{skin url=’images/media/imagem.jpg’}}” />

<a href=”{{store url=”pagina/link”}}”>

Onde imagem.jpg seria uma imagem que já existe ou você colocou na pasta images/media do seus sistema.

E pagina/link é a url que vem depois do seu endereço, usando o exemplo deste, poderia ser como-comprar.

Neste ponto você já tem sua página criada e disponível. Os dois últimos itens Meta Data e Page View Optimization não são exclusivos das páginas estáticas e servem para otimizar o conteúdo da página para os sitemas de busca. Neste caso é assunto para um próximo post!

Pra finalizar, vamos tornar essa página estática disponível através de um link no rodapé da página.

Vá em CMS -> Blocos Estáticos e clique sobre a opção já disponível Footer Links. Que deve conter os links do seu rodapé.

Onde mostra o conteúdo, você deve ter ao menos as duas opções padrão do Magento, algo como:

<ul>
<li><a href="{{store url=""}}about-store">About Store</a></li>
<li class="last"><a href="{{store url=""}}customer-service">Customer Service</a></li>
</ul>

E vamos adicionar nossa página, deixando assim:

<ul>
<li><a href="{{store url=""}}about-store">About Store</a></li>
<li><a href="{{store url=""}}customer-service">Customer Service</a></li>
<li class="last"><a href="{{store url=""}}como-comprar">Como Comprar</a></li>
</ul>

Depois de salvar, vá até sua página inicial e veja o resultado.

Caso não veja as alterações, procure limpar o cache do sistema em Sistema -> Cache Management.

Veja um exemplo pronto e funcionando em www.topnutritional.com/como-comprar

Sucesso!