Criando Página Interna no Magento

De Wiki Hostnet
Ir para: navegação, pesquisa

Saiba como criar paginas internas na sua loja Magento. Assista o vídeo:



Versão em texto do vídeo:

Uma vez que cadastramos nosso produto, vamos agora criar uma página interna na nossa loja, temos duas páginas criadas, como “About Us” e “Customer Service”.

Dentro do painel Magento, vamos ver em “Gerenciar Página” que teremos algumas páginas, como a “Home Page” que já vimos anteriormente, temos também a “About Us” e “Customer Service”. Existe o “Identificador” que é o caminho da URL, para poder puxar essa página.

Vamos por exemplo, clicar em “Acrescentar uma nova página”. No título da página, vamos criar por exemplo, “Política de Privacidade”. Vamos inserir também a URL, que é nosso caso é: politica-de-privacidade. Status habilitado e depois inserimos um conteúdo.

Em “Design Personalizado” você pode selecionar o tipo de tema desejado e no Loyout você pode você pode escolher se deseja ter uma coluna, ou duas colunas com uma barra lateral a esquerda, ou ou duas colunas com uma barra lateral a direita ou com 3 colunas. Vamos escolher duas colunas com uma barra lateral a direita.

Pode-se ainda criar uma meta, colocando as palavras-chave e/ou a descrição da página, o que importante para melhorar a indexação no Google. Em seguida, clicamos em “Gravar a Página”.

No indentificador, podemos copiar o “caminho” da página criada e colar no navegador, retirando o final do nome da página anterior e inserindo o “caminho”, para ver a página gravada. Você ainda pode utilizar o CSS para customizar sua página interna.

Por exemplo em como “About Us”, note que há uma customização. Vamos pegar alguns exemplos das divs dessa página para utilizar sua estrutura, copiamos seu código-fonte, depois acessamos o menu “CMS” >> “Gerenciador de Páginas”, depois acessamos a nossa página  “Política de Privacidade” e colamos tudo na área de conteúdo. Pegamos apenas as primeiras 3 linhas e deletamos todo o resto.

Então, estamos utilizando uma div que é a ‘page-head’, que está sendo aberta e fechada, e no meio poderemos inserir o conteúdo. Entre as tags do <h3>, vamos colocar o título do texto, que é “Política de Privacidade”. Toda a formatação já está no arquivo CSS, vamos ver isso também mais pra frente. Mas se você quiser utilizar essa formatação ou então criar uma interna. Em seguida, clicamos em “Gravar Página”, depois acessamos novamente essa página, no navegador.

Você poderá trabalhar a formatação, conforme sua necessidade.

Como fazemos para linkar a página para fazer ela aparecer na área do rodapé? Vamos acessar ‘CMS’ >> ‘Blocos Estáticos’. No Bloco Estático, você pode criar e inserir esse bloco em qualquer parte do seu tema, da sua loja, também veremos mais sobre os Blocos Estáticos, mais pra frente.

Temos o Footer Links, que o bloco que insere os links no rodapé. Temos os dois links, dentro de <li></li>. Copiamos a linha, verificamos que existe uma classe chamada Store URL, que é uma função do Magento que puxa todo o caminho do site (www.comocriarmeusite.com.br/magento). ‘costume-service’ é o nome do identificador da página, como vocês podem se recordar, criamos um identificador para “Política de Privacidade”. Na linha que foi copiada, vamos alterar o identificador para ‘politica-de-privacidade’, depois clicamos em “Gravar Bloco” e atualizamos o site. Uma observação: como vocês podem notar que foi criado um separador entre “About Us” e “Customer Service”. Mas o separador não foi criado para as novas páginas, porque ele tem uma classe que cria esse separador, que é a classe ‘last’, pra podermos criar um separador depois de “Customer Service”, teremos que tirar a classe da linha do meio, deixando a <li> sem a classe. Quando atualizarmos a página, o separador aparecerá. Quando você clicar, no rodapé, no nome da página você irá para ela.

Mas pra frente, veremos como incluir as páginas no menu do topo. Mas, para poder criar uma página no Magento, é muito simples, basta trabalhar com Blocos Estáticos e Gerenciador de Páginas.

Confira outros tutoriais em: www.comocriarmeusite.com.br.

Voltar-wiki.png
Ferramentas pessoais
Espaços nominais
Variantes
Ações
Navegação
Ferramentas