Barra de confiança

Este componente permite mostrar informações sobre a tua loja que queiras destacar ou que sejam relevantes para os teus clientes.

Geralmente é utilizado, por exemplo, para mostrar elementos como Métodos de pagamento, Opções de envio, entre outros conteúdos que possam ser importantes.

Funciona adicionando múltiplos subcomponentes chamados Trust block, aos quais nos referiremos —para efeitos práticos— como blocos.

Definições do componente

Ao clicar no nome do componente, encontrarás opções gerais para o personalizar, que determinarão o aspeto e o comportamento da secção. As opções disponíveis para este componente são as seguintes:

Colunas

Encontrarás duas opções para definir a quantidade de colunas em que os blocos serão exibidos em computadores e telemóveis, o que variará dependendo do que escolheres na opção Exibição, conforme as definições das tabelas seguintes:

Carrossel (todos os dispositivos)

Largura do dispositivo	Quantidade de colunas
≥ 992px	Quantidade definida para computador
≥ 768px	3 colunas
≥ 415px	Quantidade definida para telemóvel
≤ 414px	1 coluna

Grelha

Colunas em computador aplica-se a dispositivos com uma largura ≥ 576px, enquanto Colunas em telemóvel aplica-se a dispositivos com uma largura ≤ 575px.

Computador / Valor da opção	4 colunas	3 colunas	2 colunas	1 coluna
Computador (≥ 992px)	4 colunas por linha horizontal	3 colunas por linha horizontal	2 colunas por linha horizontal	1 coluna, empilhadas verticalmente
Tablets (≥ 576px)	3 colunas por linha horizontal	3 colunas por linha horizontal	2 colunas por linha horizontal	1 coluna, empilhadas verticalmente

Telemóvel / Valor da opção	2 colunas	1 coluna
Telemóvel (≤ 575px)	2 colunas, empilhadas verticalmente	2 colunas, empilhadas verticalmente	2 colunas, empilhadas verticalmente
Telemóvel pequeno (≤ 414px)	1 coluna, empilhadas verticalmente	1 coluna, empilhadas verticalmente	1 coluna, empilhadas verticalmente

---

Exibição

Permite definir se o conteúdo do componente será exibido dentro de uma secção do tipo Carrossel ou Grelha.

Podes ler mais sobre as diferenças entre estes dois tipos nesta página.

---

Opções do Carrossel

Este grupo de opções ficará visível quando escolheres Carrossel e permitirá personalizar o seu comportamento.

Podes encontrar a lista completa de opções nesta página.

---

Opções dos blocos

O grupo seguinte de opções permite-te personalizar a aparência e o comportamento dos blocos:

Alinhamento

Encontrarás duas opções para definir o alinhamento do conteúdo dos blocos, tanto para computador como para telemóveis.

Mostrar ícones

Permite definir se os ícones estarão disponíveis para serem exibidos dentro dos blocos.

Tamanho do ícone

Ao ativar a opção anterior, esta ficará visível e permitirá definir o tamanho dos ícones.

Estilo de cartão

Permite aplicar um estilo tipo “cartão” ou “caixa” a todos os blocos. As seguintes opções estarão disponíveis quando ativares esta opção:

• Espaço entre: permite definir se os blocos terão espaçamento entre eles ou não. Só estará disponível se a opção Espaçamento em Configuração do tema > Layout > Estilos do tema for diferente de Nenhum.
• Borda exterior: mostra uma borda (ou linha) à volta dos blocos.
• Borda interior: mostra uma borda (ou linha) no interior dos blocos.
• Opacidade da borda: permite ajustar a opacidade (transparência) de ambas as bordas.
• Cores do conteúdo do cartão: permite escolher a Paleta para todos os blocos.

---

Opções do cabeçalho

Ao ativares esta opção, será exibida uma secção de Cabeçalho antes do conteúdo do componente. Podes consultar a lista de opções nesta página.

---

Aparência

Este grupo contém as seguintes opções para personalizar o componente:

• Margem superior: permite controlar a margem superior da secção.
• Margem inferior: permite controlar a margem inferior da secção.
• Cores do conteúdo: permite escolher a Paleta para o componente.

---

Animações

A opção Personalizar opções permite ajustar as animações para este componente específico. Podes ver quais estão disponíveis nesta página.

---

---

Definições do subcomponente

Como mencionado anteriormente, o subcomponente do componente Barra de confiança chama-se Trust block, e podes adicionar quantos quiseres para mostrar as informações necessárias aos teus clientes.

As opções para este subcomponente são as seguintes:

Ícone

Permite adicionar um ícone ao bloco.

A sua posição será determinada conforme o que escolheres nas opções de Alinhamento dentro da configuração principal do componente.

Nota: esta opção só será visível se Mostrar ícones estiver ativado dentro da configuração do componente principal.

---

Título

Permite adicionar um título ao bloco.

---

Texto

Permite adicionar um texto abaixo do título para dar mais contexto sobre o conteúdo do bloco.

---

Link

Permite adicionar um link para qualquer conteúdo da loja, como categorias, produtos, páginas ou links externos.

Ao adicioná-lo, serão exibidas as seguintes opções disponíveis para utilização:

• Texto do link: texto que será exibido dentro do link.
• Seta no link: permite mostrar um ícone de seta no lado direito do texto do link.
• Link externo: se ativado, o link será aberto num novo separador do navegador.