{"id":19870,"date":"2017-05-15T09:14:53","date_gmt":"2017-05-15T09:14:53","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=4529"},"modified":"2022-03-03T13:41:45","modified_gmt":"2022-03-03T13:41:45","slug":"como-adicionar-uma-p%c3%a1gina-do-cms-no-prestashop-1-6-x-vinculada-ao-menu-de-cabe%c3%a7alho-e-rodap%c3%a9","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/pt-br\/prestashop-pt-br\/como-adicionar-uma-p%c3%a1gina-do-cms-no-prestashop-1-6-x-vinculada-ao-menu-de-cabe%c3%a7alho-e-rodap%c3%a9\/","title":{"rendered":"Como adicionar uma p\u00e1gina CMS no PrestaShop 1.6.xe 1.7.x vinculada ao menu de cabe\u00e7alho e rodap\u00e9?"},"content":{"rendered":"

<\/head><\/p>\n

PrestaShop<\/a> \u00e9 puramente uma plataforma de com\u00e9rcio eletr\u00f4nico e tamb\u00e9m possui uma \u00f3tima capacidade de CMS. Embora voc\u00ea n\u00e3o tenha os controles completos como nas plataformas CMS, voc\u00ea ainda pode atender a todos os seus requisitos b\u00e1sicos como CMS com o PrestaShop. Vou explicar como voc\u00ea pode adicionar uma p\u00e1gina CMS na loja PrestaShop. Al\u00e9m disso, tamb\u00e9m veremos como voc\u00ea pode vincular essa p\u00e1gina ao menu de cabe\u00e7alho\/rodap\u00e9.<\/p>\n

Adicionando uma p\u00e1gina CMS no PrestaShop 1.6.x<\/h2>\n

– <\/strong> Fa\u00e7a login no back-office do PrestaShop como usu\u00e1rio administrador.<\/p>\n

– <\/strong> Acesse Prefer\u00eancias>>CMS<\/strong>.\ufffd Aqui voc\u00ea ver\u00e1 todas as p\u00e1ginas CMS criadas em sua loja PrestaShop.<\/p>\n

\"Prefer\u00eancias-CMS\"<\/a><\/p>\n

– <\/strong> Clique em “Adicionar nova p\u00e1gina do CMS”<\/strong> bot\u00e3o no canto superior direito da p\u00e1gina.<\/p>\n

\"Adicionar<\/a><\/p>\n

– <\/strong> Em seguida, voc\u00ea precisa preencher todos os campos obrigat\u00f3rios. Ap\u00f3s preencher os campos, basta habilitar a p\u00e1gina e “Salvar” as altera\u00e7\u00f5es.<\/p>\n

\"Salve<\/a><\/p>\n

– <\/strong> Anote o ID da p\u00e1gina do CMS exibido na primeira coluna da lista de p\u00e1ginas do CMS. Voc\u00ea precisar\u00e1 desse ID mais tarde.<\/p>\n

– <\/strong> Agora, v\u00e1 para M\u00f3dulo>>Posi\u00e7\u00f5es<\/strong>e verifique qual m\u00f3dulo est\u00e1 mostrando o menu horizontal superior em seu modelo. Encontrei-o na se\u00e7\u00e3o “displayTop” da posi\u00e7\u00e3o na minha vers\u00e3o.<\/p>\n

\"M\u00f3dulo-Posi\u00e7\u00f5es\"<\/a><\/p>\n

Adicionando uma p\u00e1gina CMS no PrestaShop 1.7.x<\/h2>\n

Da mesma forma para adicionar uma p\u00e1gina CMS no Prestashop vers\u00e3o 1.7.x, siga as etapas mencionadas abaixo:<\/p>\n

– <\/strong>\ufffdFa\u00e7a login no back-office da PrestaShop como usu\u00e1rio administrador.<\/p>\n

– <\/strong>\ufffdIr para\ufffdPainel>>Melhorar>>Design>>P\u00e1ginas<\/strong> conforme mostrado na imagem abaixo:<\/p>\n

\"equipe\"<\/a><\/p>\n

– <\/strong>\ufffdClique no bot\u00e3o\ufffd”Adicionar nova p\u00e1gina”\ufffdno canto superior direito da p\u00e1gina.<\/p>\n

\"nova<\/a><\/p>\n

– <\/strong>\ufffdEm seguida, voc\u00ea precisa preencher todos os campos obrigat\u00f3rios. Ap\u00f3s preencher os campos, basta habilitar a p\u00e1gina e “Salvar” as altera\u00e7\u00f5es.<\/p>\n

\"criar-cms-page\"<\/a><\/p>\n

– <\/strong> Anote o ID da p\u00e1gina do CMS exibido na primeira coluna da lista de p\u00e1ginas do CMS. Voc\u00ea precisar\u00e1 desse ID mais tarde. Salve as altera\u00e7\u00f5es.<\/p>\n

Adicionando um link da p\u00e1gina do CMS ao menu de cabe\u00e7alho<\/h2>\n

– <\/strong> Conecte-se aos arquivos do seu site acessando sua conta FTP. Voc\u00ea pode usar FileZilla<\/a> para acessar os arquivos ou o Acesso cPanel<\/a> se o host forneceu um.<\/p>\n

– <\/strong> Agora, navegue at\u00e9 o seguinte diret\u00f3rio de arquivos:<\/p>\n

themes\/themeXXX\/modules\/blockpermanentlinks\ufffd\ufffd\ufffd<\/em> <\/strong><\/p>\n

PS: “themeXXX” \u00e9 o nome do seu tema.<\/p>\n

Editar, blockpermanentlinks-header.tpl<\/strong> Arquivo. Voc\u00ea pode usar qualquer editor de texto ou c\u00f3digo. Estou usando o Netbeans para edi\u00e7\u00e3o.<\/p>\n

– <\/strong> Cada elemento da lista no c\u00f3digo aqui representa um elemento de menu no cabe\u00e7alho. Por exemplo, este c\u00f3digo representa um elemento de menu de cabe\u00e7alho chamado mapa do site:<\/p>\n

getPageLink('sitemap')|escape:'html'}\" title=\"{l s='sitemap' mod='blockpermanentlinks'}\">{ls='sitemap' mod='blockpermanentlinks'}\n<\/pre>\n
– <\/strong> Copie essa linha de c\u00f3digo e cole-a em uma nova linha ao lado da que voc\u00ea copiou.<\/p>\n
– <\/strong> Agora, altere o c\u00f3digo copiado para este:<\/p>\n
getCMSLink('8', 'new')|escape:'html'}\" title=\"{l s='new' mod='blockpermanentlinks'}\">{ls='new' mod='blockpermanentlinks'}\n<\/pre>\n
– <\/strong> Salve o arquivo. Voc\u00ea adicionou um link para a p\u00e1gina do CMS com o nome “novo” que tinha o ID da p\u00e1gina “8”.<\/p>\n
Adicionando um link da p\u00e1gina CMS ao menu Rodap\u00e9<\/h2>\n
Como adicionar um link da p\u00e1gina CMS ao menu Rodap\u00e9 do Prestashop 1.7.x?<\/h3>\n
Agora vincularemos a mesma p\u00e1gina ao menu de rodap\u00e9 do Prestashop 1.7.x.<\/p>\n
– <\/strong> Acesse Design \ufffd > Widget de link<\/strong>. Isso exibir\u00e1 os blocos que est\u00e3o sendo exibidos atualmente em seu site.<\/p>\n
\"link-widget\"<\/a><\/p>\n
Etapa 2:  <\/strong>Para abrir uma configura\u00e7\u00e3o de bloco a partir das existentes, clique no bot\u00e3o Editar correspondente a ela.<\/p>\n
\"bloco<\/a><\/p>\n
Para ativar a p\u00e1gina rec\u00e9m-criada e torn\u00e1-la vis\u00edvel, marque a caixa de sele\u00e7\u00e3o correspondente ao seu t\u00edtulo. Voc\u00ea pode encontrar o link para sua p\u00e1gina do CMS no rodap\u00e9.<\/p>\n
\"detalhes<\/a><\/p>\n
Agora vamos vincular a mesma p\u00e1gina ao menu de rodap\u00e9.<\/p>\n
Como adicionar um link da p\u00e1gina CMS ao menu Rodap\u00e9 do Prestashop 1.6.x?<\/h3>\n
Siga as etapas mencionadas abaixo para vincular a mesma p\u00e1gina ao menu de rodap\u00e9 do Prestashop 1.6.x.<\/p>\n
– <\/strong> V\u00e1 para o seu painel de administra\u00e7\u00e3o e navegue at\u00e9 “M\u00f3dulos e Servi\u00e7os >> M\u00f3dulos e Servi\u00e7os”<\/strong> e pesquisa “Bloqueio CMS”<\/strong> m\u00f3dulo.<\/p>\n
\"Painel<\/a><\/p>\n
– <\/strong> Clique em a configura\u00e7\u00e3o<\/strong> bot\u00e3o.<\/p>\n
– <\/strong> Procure a se\u00e7\u00e3o “CONFIGURA\u00c7\u00c3O DOS V\u00c1RIOS LINKS NO RODAP\u00c9”. Aqui, se voc\u00ea encontrar sua p\u00e1gina CMS rec\u00e9m-adicionada na lista.<\/p>\n
\"Link<\/a><\/p>\n
– <\/strong> Habilite sua p\u00e1gina clicando na caixa de sele\u00e7\u00e3o na primeira coluna. Clique no bot\u00e3o “Salvar” para aplicar as altera\u00e7\u00f5es. Voc\u00ea adicionou um link para sua p\u00e1gina CMS no menu Rodap\u00e9.<\/p>\n
Uma maneira mais f\u00e1cil de criar p\u00e1ginas CMS no Prestashop<\/h2>\n
Bem, isso foi um show. Criamos uma p\u00e1gina, editamos os c\u00f3digos, navegamos de p\u00e1gina em p\u00e1gina e finalmente a vinculamos ao menu Cabe\u00e7alho e Rodap\u00e9. Mas isso foi apenas uma \u00fanica p\u00e1gina que criamos, e se voc\u00ea precisar vincular mais p\u00e1ginas? Cada vez que editar os c\u00f3digos \u00e9 um trabalho bastante cansativo.<\/p>\n
Existe alguma maneira mais f\u00e1cil de fazer isso sem mexer no c\u00f3digo?<\/h3>\n
Sim claro! O M\u00f3dulo Criador de P\u00e1ginas PrestaShop<\/a>\ufffdby Knowband foi projetado para servir exatamente ao prop\u00f3sito. Francamente, existe muito mais pode oferecer<\/a>. Por enquanto, vamos ver como voc\u00ea pode usar este m\u00f3dulo para criar p\u00e1ginas CMS e adicion\u00e1-las ao link do cabe\u00e7alho sem editar o c\u00f3digo.<\/p>\n
– <\/strong> Acesse Criador de p\u00e1gina de banda de conhecimento<\/strong> menu na barra de menu esquerda.<\/p>\n
\"Criador<\/a><\/p>\n
– <\/strong> Na tela seguinte, clique em “Adicionar nova p\u00e1gina”<\/strong> bot\u00e3o.<\/p>\n
– <\/strong> A interface Adicionar nova p\u00e1gina consiste nas quatro guias. No Configura\u00e7\u00f5es padr\u00e3o<\/strong> guia, preencha todos os detalhes.\ufffd Voc\u00ea pode fornecer um t\u00edtulo de p\u00e1gina, um nome de link de p\u00e1gina e um URL de p\u00e1gina personalizado.<\/p>\n
– <\/strong> Depois de preencher os detalhes, voc\u00ea ver\u00e1 uma op\u00e7\u00e3o no final da p\u00e1gina “Exibir no cabe\u00e7alho do menu”<\/strong>. Voc\u00ea precisa apenas habilitar esta op\u00e7\u00e3o e sua p\u00e1gina rec\u00e9m-adicionada ser\u00e1 instantaneamente vinculada ao menu de cabe\u00e7alho.<\/p>\n
\"Exibir<\/a><\/p>\n
Al\u00e9m da facilidade de cria\u00e7\u00e3o das p\u00e1ginas CMS, o addon Prestashop CMS Page Maker oferece v\u00e1rios outros recursos. Alguns deles s\u00e3o discutidos abaixo:<\/p>\n