PS PrestaShop Iniciante

Blocos de Confiança e Selos de Segurança: guia completo

Instalar e configurar os blocos de confiança: ícones, hooks, arrastar e largar e variantes por idioma.

Atualizado Versão do módulo 1.0.0

Apresentação

O módulo Blocos de Confiança e Selos de Segurança (dftrustbuilder) permite criar blocos de confiança a partir de uma biblioteca de 18 ícones SVG integrados, posicioná-los em 6 zonas do front-office por arrastar e largar e gerir variantes por idioma. Compatível com o PrestaShop 8.0 a 9.x, multiloja e multilingue.

Na instalação, são criados 4 blocos de exemplo (pagamento seguro, entrega rápida, devoluções fáceis, concebido na Europa) em 5 idiomas, na zona de confiança do produto. A sua loja fica equipada de imediato.

Instalação

  1. No back-office, vá a Módulos > Gestor de módulos > Instalar um módulo.
  2. Carregue o ficheiro dftrustbuilder-1.0.0.zip e clique em Instalar.
  3. Clique em Configurar para aceder às definições de apresentação e à gestão dos blocos.

Não é necessária qualquer alteração do tema: o módulo apoia-se nos hooks padrão do front-office.

Definições de apresentação

A página de configuração do módulo reúne as definições globais aplicadas a todos os blocos:

  • Estilo: minimal (sem moldura), com moldura (contorno fino) ou cartão (fundo branco com sombra).
  • Colunas: automático (adaptado à largura disponível), 2, 3, 4 ou 6.
  • Alinhamento: ícone à esquerda do texto, ou centrado com o ícone por cima.
  • Tamanho dos ícones: de 12 a 128 píxeis (32 px por predefinição).
  • Cor dos ícones: deixe vazio para herdar a cor de texto do tema.
  • Uma coluna no telemóvel: força o empilhamento vertical nos ecrãs estreitos.

Gerir os blocos

Clique em Gerir os blocos de confiança na página de configuração para abrir a lista de blocos.

Criar um bloco

  1. Clique em Adicionar um bloco.
  2. Escolha um ícone na grelha: pagamento seguro, cartão bancário, camião de entrega, relógio 24 h, encomenda, devoluções, garantia, made in EU, made in France, apoio ao cliente, telefone, chat, oferta, avaliações, ecorresponsável, mundo, satisfação, promoções.
  3. Selecione o hook de apresentação (ver abaixo).
  4. Preencha o título e o subtítulo em cada idioma.
  5. Opcional: acrescente um URL por idioma para tornar o bloco inteiramente clicável, por exemplo para a sua página CMS de entregas.
  6. Grave. O bloco é acrescentado na última posição.

Zonas de apresentação disponíveis

  • Confiança no produto (displayReassurance): por baixo do botão de compra da ficha de produto, a zona recomendada.
  • Página inicial (displayHome).
  • Por baixo do cabeçalho, em largura total (displayNavFullWidth).
  • Por cima do rodapé (displayFooterBefore): visível em todo o site.
  • Informações adicionais do produto (displayProductAdditionalInfo).
  • Fundo do carrinho (displayShoppingCartFooter).

Reordenar por arrastar e largar

Na lista de blocos, agarre as setas da coluna Posição e arraste a linha. A ordem é gravada automaticamente.

Utilize o filtro Hook no topo da coluna para mostrar apenas os blocos de uma zona e reordenar esse local com precisão.

Variantes por idioma

Cada bloco tem um título, um subtítulo e uma ligação por idioma. Duas utilizações:

  • Tradução: basta preencher os textos em cada separador de idioma.
  • Visibilidade por idioma: deixe o título vazio num idioma para ocultar o bloco apenas nesse idioma. Exemplo: um selo «Fabricado em França» com o ícone do hexágono visível só em francês e um selo «Made in EU» nos restantes idiomas.

O título só é obrigatório no idioma predefinido da loja. Todos os outros idiomas podem ficar vazios.

Multiloja

Em contexto multiloja, cada bloco pode ser associado a uma ou várias lojas através da caixa Associação de loja do formulário. As definições de apresentação (estilo, colunas, cores) acompanham o contexto de configuração do PrestaShop.

Resolução de problemas

  • Os blocos não aparecem: verifique se o bloco está ativo, se o seu hook corresponde a uma zona realmente renderizada pelo seu tema e se o título está preenchido no idioma consultado.
  • A zona de Confiança não aparece na ficha de produto: alguns temas personalizados não chamam o displayReassurance. Utilize então o displayProductAdditionalInfo ou o displayFooterBefore.
  • Os ícones estão invisíveis ou com a cor errada: por predefinição herdam a cor do texto. Defina uma cor explícita na configuração se o seu tema usar um texto muito claro.
  • O arrastar e largar não funciona: certifique-se de que a lista está ordenada pela coluna Posição (ordenação predefinida).
Esta página foi útil?

Ainda com dúvidas? Contacte o suporte