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.
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
- No back-office, vá a Módulos > Gestor de módulos > Instalar um módulo.
- Carregue o ficheiro
dftrustbuilder-1.0.0.zipe clique em Instalar. - 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
- Clique em Adicionar um bloco.
- 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.
- Selecione o hook de apresentação (ver abaixo).
- Preencha o título e o subtítulo em cada idioma.
- Opcional: acrescente um URL por idioma para tornar o bloco inteiramente clicável, por exemplo para a sua página CMS de entregas.
- 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).