Módulo Prestashop Page Maker by Knowband – Manual do Utilizador

 

Introdução do Prestashop Page Maker Module:

O Módulo Prestashop Page Maker da Knowband fornecerá um recurso ao proprietário da loja, através do qual o proprietário da loja pode fazer com que as páginas se pareçam com a página do CMS de acordo com sua necessidade. Com a ajuda deste recurso de criação de páginas Prestashop, o dono da loja pode criar várias páginas nas quais ele pode exibir banners, blogs, produtos, etc.

Tecnologia para o desenvolvimento

Linguagem: PHP

FrameWork: PrestaShop

Instalação

Guia de Instalação

Siga os seguintes passos para instalar o Prestashop Page Maker Module:

1. Copie a pasta do módulo “pagemaker” sob o seu “root_directory / modules /” da sua loja via FTP ou use a interface prestashop para fazer o upload do plugin.
2. Após a cópia, o módulo fabricante da página Knowband será listado na página de listagem de módulos no painel de administração, conforme mostrado abaixo da tela.

(para Prestashop 1.6)

(para Prestashop 1.7)

No Prestashop 1.6, se você não conseguir encontrar o módulo na lista de módulos de administração, por favor tente procurar o módulo com os seguintes detalhes –

Palavra-chave: pagemaker

Categoria: recurso de front-office

Filtrar por: Instalado e não instalado / ativado e desativado

No Prestashop 1.7, você pode pesquisar o módulo de criação de páginas Prestashop digitando o nome do módulo na caixa de pesquisa fornecida na página do módulo de administração.

Nota:

1. Quando você clicar no botão de instalação, aparecerá uma caixa pop-up que exibirá mensagens de aviso. Você pode ignorar essas mensagens e seguir em frente. Não haverá impacto negativo dessa mensagem de aviso em sua loja.
2. Depois de instalar o módulo de criação de páginas Prestashop, um botão “configure” estará na frente deste plugin na página de listagem de módulos, como mostrado na tela abaixo:

(para Prestashop 1.6)

(Para Prestashop 1.7)

Interface de administração

O módulo de criação de páginas Prestashop CMS é configurável e as configurações podem ser atualizadas através da interface administrativa.

Configuração

Para configurar este módulo Prestashop, clique no botão “Configurar” na página de listagem do módulo, conforme mostrado abaixo:

(Para Prestashop 1.6)

(Para Prestashop 1.7)

Depois de clicar no botão “Configurar”, a página Configuração do PageMaker será exibida com os seguintes blocos:

• Configuração
• Best Seller
• Nova chegada
• Produtos Especiais
• produtos em destaque

Você pode encontrar abaixo a descrição de cada bloco:

• Configuração: No bloco de configuração, as configurações do módulo podem ser configuradas. Por favor, encontre a descrição de cada entrada abaixo:

1. Habilitar desabilitar: Este é o interruptor on / off. O administrador tem a opção de ativar / desativar o módulo de composição de páginas. Se ativado, apenas este módulo Prestashop e suas configurações funcionarão de outra forma, não haverá impacto desse módulo do construtor de páginas na loja.
2. URL do Front Controller: Isso é para a sub-URL do front controller. O administrador pode definir a sub-URL do front controller do módulo do construtor de páginas para que a página criada por admin possa ser vista como “yourdomain / URL do Front Controller / Page URL”
3. CSS customizado:Este campo do Prestashop landing page maker oferece uma caixa de texto na qual o administrador pode adicionar seu CSS personalizado em todas as páginas criadas pelo admin.

• Mais vendidos:?Você pode definir as configurações do bloco “Best Seller”, que será exibido no front end do módulo do criador de páginas. Por favor, encontre a descrição de cada campo de entrada abaixo:

1. Produtos para exibição:Neste campo do fabricante da página de destino do Prestashop, o administrador deve inserir o número de produtos a serem exibidos no “bloco de melhor vendedor” para o front-end. Por padrão, isso será produtos 5.
2. Exibição aleatória do produto: Este é o botão liga / desliga deste plugin Prestashop. O administrador tem a opção de ativar / desativar este campo do módulo do compositor de páginas. Se ativado, somente os produtos serão exibidos aleatoriamente. Caso contrário, eles serão exibidos com base no best-seller no front end.
3. Número de dias a considerar como melhor vendedor:Neste campo de Prestashop criar página, o administrador tem que digitar o número de dias a partir do qual produto best-seller a ser considerado. Por padrão, serão 15 dias.

• Nova chegada: Você pode definir a configuração do bloco “Best Seller”, que será exibido no front end do módulo fabricante da página de destino. Por favor, encontre a descrição de cada campo de entrada abaixo:

1. Produtos para exibir:Nesta caixa de texto do módulo de criação de páginas Prestashop CMS, o administrador deve inserir o número de produtos a serem exibidos no bloco “Nova chegada” para o front end. Por padrão, isso será produtos 5.
2. Exibição aleatória do produto: Este é o interruptor on / off. O administrador tem a opção de ativar / desativar esse campo do plug-in do construtor de páginas. Se ativado, somente os produtos serão exibidos aleatoriamente, caso contrário, serão exibidos com base na data de chegada no front end.
3. Número de dias a considerar como novo:Nesta caixa de texto do Prestashop create page module, o administrador deve inserir o número de dias a partir dos quais o novo produto pode ser considerado. Por padrão, serão 15 dias.

• Produto especial:Você pode definir a configuração do bloco “Special Product” que será exibido no front-end do addon Prestashop. Por favor, encontre a descrição de cada campo de entrada abaixo:

1. Produto para exibir: Neste campo do módulo do construtor de páginas Prestashop, o administrador deve inserir o número de produtos a serem exibidos no bloco “Produto Especial” no front end. Por padrão, isso será produtos 5.
2. Exibição aleatória do produto:Esta é a chave liga / desliga do complemento do construtor de páginas Prestashop. O administrador tem a opção de ativar / desativar esse campo. Se ativado, somente os produtos serão exibidos aleatoriamente, caso contrário, serão exibidos com base na data de chegada no front end.

• Produtos em destaque:?Você pode definir a configuração do bloco “Produtos em destaque”, que será exibido no front-end do módulo Prestashop. Por favor, encontre a descrição de cada campo de entrada abaixo:

 

1. Produtos para exibição:Esta é a caixa de texto do plug-in de criação de páginas Prestashop CMS, no qual o administrador deve inserir o número de produtos a serem exibidos no bloco “Produto Especial” para o front end. Por padrão, isso será produtos 5.
2. Exibição aleatória do produto:Este é o botão liga / desliga do plug-in de página de criação Prestashop. O administrador tem a opção de ativar / desativar esse campo. Se ativado, somente os produtos serão exibidos aleatoriamente. Caso contrário, eles serão exibidos com base na data de chegada no front end.
3. Categoria de Produto:Neste campo do módulo de criação de páginas Prestashop, o administrador deve inserir o ID de categoria para que os produtos mapeados para esse ID de categoria sejam exibidos no bloco “Produtos em destaque”. Depois de preencher o formulário, clique no botão “Salvar” presente em qualquer bloco como mostrado abaixo.

Ele validará cada entrada de formulário antes de salvar no sistema. Se houver algum erro / problema, ele será exibido conforme mostrado abaixo:

Se não houver erro / problema, ele salvará os dados do formulário no sistema e exibirá a mensagem de sucesso, conforme mostrado abaixo:

Criador de Páginas:

Esta seção do módulo de criação de página Prestashop gerencia as páginas. O administrador pode criar novas páginas, atualizar páginas existentes e excluir páginas do Pagemaker. Admin pode encontrar um menu chamado “Page Maker” no painel esquerdo do Admin, como mostrado abaixo:

Ao clicar em “Criador de Páginas” exibido no Menu do Administrador, a listagem do Criador de Páginas adicionada por admin é aberta como mostrado abaixo:

Também existem vários outros filtros para filtrar a lista da página, como mostrado na captura de tela acima.

O administrador também pode ativar ou desativar páginas usando as ações em massa. Se uma página estiver desativada, essa página não será visível na frente da loja. Admin pode ativar / desativar a página clicando em “Tick” ou “Cross” no campo “Active” da lista para a página específica.

Como criar uma nova página:

A seguir estão os passos a seguir para adicionar a nova página com a ajuda deste addon Prestashop no sistema:

1. Clique no menu “Page Maker” no menu de administração.
2. Ele exibiria a página onde as Páginas já adicionadas serão listadas (se houver). Clique no ícone “+” (ícone de adição – como mostrado na captura de tela acima).
3. Ele redirecionaria admin para a nova página, onde um formulário com algum campo de entrada será mostrado (a captura de tela é mostrada abaixo).
4. Preencha os seguintes campos de entrada descritos de várias formas:

Existem quatro formulários exibidos em quatro guias diferentes, como mostrado acima.

• ?Common Settings:

1. Título da página: Digite o título da página que pode ser exibido no topo da página.
2. Nome do Link da Página: Insira o texto que pode ser exibido como link no cabeçalho do menu do front end.
3. URL da página: Este campo de criador de páginas de destino permite que o administrador insira a sub-URL válida e distinta da página.
4. Ativo: Por padrão, é “ON”. Admin pode desativar / ativar a exibição da página na frente, desligando / ligando
5. Exibir conteúdo do CMS: Por padrão, este campo da página de criação do Prestashop é “ON”. Admin pode desativar / ativar a exibição da página na frente, ligando / desligando
6. Conteúdo CMS: Por padrão, é “ON”. O administrador pode desativar / ativar a exibição do conteúdo do CMS escrito no campo “Conteúdo do CMS” na página.
7. Exibir no cabeçalho do menu: Por padrão, é “OFF”. O administrador pode adicionar o link da página no menu Cabeçalho do lado frontal para ativar o campo.

• Left Column:

This setting is for Left Column displayed on the page in Front Side as shown below:

There is an block to add “Modules” for left Column which can be displayed after adding the page.

Ativo: By default, this is “ON”. Admin can add or remove left column displayed on page on front end by turning ON/OFF.

• Coluna Direita:

This setting of the Prestashop page builder module is for Right Column displayed on the page on Front Side as shown below:

There is a block to add “Modules” for right column which can be displayed after adding the page.

Ativo: By default, this is “ON”. Admin can add or remove right column displayed on the page on the front end by turning ON/OFF.

• Center Column:

This setting is for Center Column displayed on page in Front Side as shown below:

There is a block to add “Modules” for the right column which can be displayed after adding the page.?Want to show

• Product having Price Range: By default, this is “ON”. Admin can disable/ enable the display of Price Range Block in the center column.
• Product Price Range: By default, the Price Range is 20 to 100. Admin can set the price range for the products to display on Price Range Block in the center column.
• Want to show discounted Products: By default, this is “ON”. Admin can disable/ enable the display of Product Discount Block in the center column.
• Discount Range: By default, the discount range is 5 to 20%. Admin can set the discount range for the products to display on Product Discount block in center column.

After filling the form, Admin can click on “Save” button to add the new page or click on “Cancel” button to go back to listing page.

• ? If you click on save button, it would validate the provided data and save the details into the system if valid.

How to Edit Page:

Following the steps to follow to edit the page from the system-

1. Click on the ” Page Maker” menu present in Admin Menu.
2. It would display the page where already added pages will be listed (if any). Click on the “Edit” link shown corresponding to each page.
3. It would redirect admin to a new page where forms with already filled input field will be shown. Admin can simply update values and save the details by clicking on “Save” button.

You can find the screenshot of Edit Section below:

Adicionar módulo:

1. Click on any column setting like the left column. It would display column form.
2. To add module, click on “Add Module” button as shown below:
3. If more module is available, the select box will then appeared to add module otherwise error message “No More module is available” is displayed.
4. After selecting the module, click on “Add Module” button. It will add the module with the display of success message.

You can find the scrrenshot to add module in the column setting:

Change Position:

1. Click on any column setting like Left Column. It would display left column form.
2. To change the position of any existing row, drag it to the desired position and drop it.
3. It then updates the current position of each existing modules with the display of success message.

You can find the screenshot as below:

Change Module Status:

1. Click on any column setting like Left Column. It would display left column form.
2. If modules are added, tick icon displayed for Enabled and cross icon displayed for Disabled in the Status column.
3. To change the status of existing modules, click on the icon displayed in “Status” column corresponding to the particular module.
4. If already enabled, it then changes to “Cross” icon otherwise “Tick” icon with the display of the message.

You can find the screenshot as below:

How to Delete Page:

1. Click on ” Page Maker” menu present in Admin Menu.
2. It would display the page where already added pages will be listed (if any). Click on the “Delete” link given under the drop-down being shown corresponding to each page.
3. It then, the system will confirm the admin before deleting by asking “Delete Selected Item”. If click on “Yes”, it will delete the page.

You can find the screenshot as below:

How to access Page:

1. Click on ” Page Maker” menu present in Admin Menu.
2. It would display the page where already added pages will be listed(if any).
3. Click on the link in “Page URL” column corresponding to particular page. It then opens the created page for the front side in new tab.

You can find the screenshot as below:

Módulo Front End

After enabling the Prestashop CMS page creation module, the front-end user can see the added paged by manually entering of URL in Address bar or create a link for the page.

• The page with both the column enabled can be displayed as shown below:

(para Prestashop 1.6)

(para Prestashop 1.7)

• Page with one column enabled as shown below:

(para Prestashop 1.6)

(para Prestashop 1.7)

• Page with no column as shown below:

(para Prestashop 1.7)

Watch how this Prestashop Page Builder plugin by Knowband works in this?video tutorial: