adding and linking CMS page on PrestaShop 1.6.x

Como adicionar uma página do CMS no PrestaShop 1.6.xe 1.7.x vinculada ao menu de cabeçalho e rodapé?

PrestaShop é puramente uma plataforma de comércio eletrônico e possui um ótimo recurso CMS também. Embora você não tenha os controles completos como nas plataformas CMS, você ainda pode obter todos os seus requisitos básicos como um CMS com o PrestaShop. Neste post, tomando o PrestaShop 1.6.xe 1.7.x como a versão de destino, vou explicar como você pode adicionar uma página do CMS na loja PrestaShop. Além disso, também veremos como você pode vincular essa página ao menu de cabeçalho / rodapé.

Adicionando uma página do CMS no PrestaShop 1.6.x

Etapa 1: faça login no back-office do PrestaShop como usuário administrador.

Etapa 2: vá para Preferências >> CMS . Aqui você verá todas as páginas do CMS criadas na sua loja PrestaShop.

Preferências-CMS

Passo 3: Clique no botão “Add New CMS Page” no canto superior direito da página.

Adicionar nova página do CMS

Passo 4: Em seguida, você precisa preencher todos os campos obrigatórios. Após preencher os campos, basta habilitar a página e “Salvar” as alterações.

Salvar as alterações no CMS

Etapa 5: anote o ID da página do CMS exibido na primeira coluna da lista de páginas do CMS. Você precisará desse ID mais tarde.

Passo 6: Agora, vá para o Módulo >> Posições e verifique qual módulo está mostrando o menu horizontal Top no seu modelo. Eu encontrei na seção “displayTop” da posição na minha versão.

Módulo-Posições

Adicionando uma página do CMS no PrestaShop 1.7.x

Da mesma forma, para adicionar uma página do CMS na versão 1.7.x do Prestashop, siga as etapas mencionadas abaixo:

Etapa 1: faça  login no back-office do PrestaShop como usuário administrador.

Passo 2:  Vá ao  Dashboard >> Melhore >> Design >> Páginas como mostrado na imagem abaixo:

desenhar

Passo 3:  Clique no botão “Adicionar nova página” no canto superior direito da página.

nova página

Passo 4:  Em seguida, você precisa preencher todos os campos obrigatórios. Após preencher os campos, basta habilitar a página e “Salvar” as alterações.

create-cms-page

Etapa 5: anote o ID da página do CMS exibido na primeira coluna da lista de páginas do CMS. Você precisará desse ID mais tarde. Salve as alterações.

Etapa 1: Conecte-se aos arquivos do seu site fazendo login na sua conta de FTP. Você pode usar o FileZilla para acessar os arquivos ou o acesso do cPanel se o host tiver fornecido um.

Etapa 2: navegue até o seguinte diretório de arquivos:

themes / themeXXX / modules / blockpermanentlinks   

PS: “themeXXX” é o nome do seu tema.

Edite o arquivo blockpermanentlinks-header.tpl . Você pode usar qualquer editor de texto ou código. Eu estou usando o NetBeans para edição.

Etapa 3: Cada um dos elementos da lista no código aqui representa um elemento de menu no cabeçalho. Por exemplo, este código representa um elemento de menu de cabeçalho denominado sitemap:

<li id = "header_link_sitemap"> <a href="{$link-> getPageLink ('sitemap') | escape: 'html'} "title =" {ls = 'sitemap' mod = 'blockpermanentlinks'} "> { ls = 'sitemap' mod = 'blockpermanentlinks'} </a> </ li>

Etapa 4: Copie essa linha de código e cole-a em uma nova linha ao lado da que você copiou.

Passo 5: Agora, mude o código copiado para este:

<li> <a href="{$link-> getCMSLink ('8', 'novo') | escape: 'html'} "title =" {ls = 'novo' mod = 'blockpermanentlinks'} "> {ls = 'novo' mod = 'blockpermanentlinks'} </a> </ li>

Passo 6: Salve o arquivo. Você adicionou um link para a página do CMS chamada “new”, que tinha o ID da Página “8”.

Vamos agora ligar a mesma página ao menu de rodapé do Prestashop 1.7.x.

Etapa 1: acesse o widget Design -> Link . Isso exibirá os blocos exibidos no momento no seu site.

link-widget

Etapa 2:  Para abrir uma configuração de Bloqueio das existentes, clique no botão Editar correspondente a ela.

bloco de links

Para ativar a página recém-criada e torná-la visível, selecione a caixa de seleção correspondente ao seu título. Você pode encontrar o link para sua página do CMS no rodapé.

link-widget-detalhes

Agora, vincularemos a mesma página ao menu de rodapé.

Siga as etapas mencionadas abaixo para vincular a mesma página ao menu de rodapé do Prestashop 1.6.x.

Etapa 1: acesse o painel do administrador e navegue até “Módulos e serviços >> Módulos e serviços” e pesquise o módulo “Bloco CMS” .

Painel do administrador

Passo 2: Clique no botão Configurar .

Etapa 3: Procure a seção “CONFIGURAÇÃO DOS VÁRIOS LINKS NA FROTA”. Aqui, se você encontrar sua página CMS recém-adicionada na lista.

Link para a página CMS no menu Rodapé

Etapa 4: ative sua página clicando na caixa de seleção na primeira coluna. Clique no botão “Salvar” para aplicar as alterações. Agora você adicionou um link à sua página do CMS no menu Rodapé.

Uma maneira mais fácil de criar páginas CMS no Prestashop

Bem, isso foi um show e tanto. Criamos uma página, editamos os códigos, navegamos de páginas em páginas e finalmente o vinculamos ao menu Cabeçalho e Rodapé. Mas isso foi apenas uma única página que criamos, e se você precisar vincular mais páginas? Cada vez que editar os códigos é um trabalho bastante cansativo.

Existe alguma maneira mais fácil de fazer isso sem mexer no código?

Sim, claro! O módulo Maker da página PrestaShop  da Knowband foi desenvolvido para atender ao objetivo exato. Francamente, há muito mais que pode oferecer . Por enquanto, vamos ver como você pode usar este módulo para criar páginas CMS e adicioná-las ao link do cabeçalho sem editar o código.

Passo 1: Vá para o menu Knowband Page Maker na barra de menu à esquerda.

Criador de Páginas Knowband

Passo 2: Na próxima tela, clique no botão “Adicionar nova página” .

Etapa 3: A interface Adicionar nova página consiste nas quatro guias. Na guia Configurações comuns , preencha todos os detalhes. Você pode fornecer um título de página, um nome de link de página e um URL de página personalizado.

Passo 4: Depois de preencher os detalhes, você verá uma opção no final da página “Display on Menu Header” . Você precisa apenas ativar essa opção e sua página recém-adicionada será vinculada instantaneamente no menu Cabeçalho.

Exibir no cabeçalho do menu

Além disso, para facilitar a criação das páginas do CMS, o suplemento Prestashop CMS Page Maker oferece vários outros recursos. Alguns deles são discutidos abaixo:

  • A melhor coisa sobre este módulo de criador de páginas Prestashop é a funcionalidade multilíngue. Assim, as páginas de destino podem ser feitas em vários idiomas, conforme o requisito do administrador da loja.
  • O URL da página criada pode ser vinculado ao cabeçalho sem entrar nos detalhes técnicos mencionados acima.
  • Juntamente com o conteúdo genérico, o administrador também tem a opção de exibir os Best Sellers, os novos lançamentos, os produtos em destaque e os produtos especiais.
  • O addon do Prestashop landing page maker permite até que o administrador alinhe o conteúdo da esquerda para a direita ou para o centro sem fazer alterações no CSS do site. Isso é feito apenas com um clique no botão.
  • Com a facilidade de criar os metadados, a extensão do criador de páginas do Prestashop ajuda a mantê-lo otimizado para SEO.
  • Além disso, você pode até personalizar códigos CSS para personalizar a aparência das páginas da Web.
  • Junto com a criação, o criador de páginas Prestashop permite que você edite ou remova as páginas do CMS também.
  • O addon Prestashop cria páginas responsivas para dispositivos móveis. Assim, o site permanecerá otimizado para o usuário móvel mesmo depois que você criar novas páginas da web.

Concluir

Isso foi muito rápido. Com o módulo Prestashop Page Maker, fizemos a ligação em um piscar de olhos – 4 etapas simples para ser exato. Felizmente, não precisamos editar nenhum código. Você tem várias opções para realizar a mesma tarefa aqui, ambas as opções são bastante abertas, agora você pode escolher qual é a melhor para você.

Gostou disso? Você também vai gostar disso

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *