Galeria de logótipos

Este componente permite-te exibir uma coleção de imagens, que podem ser, por exemplo, logótipos das marcas que vendes na tua loja, empresas parceiras, produtos em destaque ou basicamente qualquer coisa que queiras comunicar através de imagens.

Funciona adicionando um subcomponente chamado Logótipo, e podes adicionar quantos quiseres. Referimo-nos a eles 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:

Largura

Permite definir a largura máxima à qual o componente se ajustará na janela do navegador.

Podes ler mais sobre como esta opção afeta o componente nesta página.

Colunas no computador

Permite definir o número de blocos que serão exibidos em computadores com uma largura igual ou superior a 768px.

Isto variará de acordo com o que definires dentro da opção Exibição que escolheres a seguir:

Carrossel

Largura do dispositivo	Quantidade de logótipos
≥ 1201px	Quantidade definida
≥ 992px	4 logótipos
≥ 768px	3 logótipos

Grelha

Valor da opção	Computador (≥ 992px)	Tablets (≥ 768px)
8	8 colunas	4 colunas
7	7 colunas	4 colunas
6	6 colunas	4 colunas
5	5 colunas	4 colunas
4	4 colunas	4 colunas
3	3 colunas	3 colunas
2	2 colunas	2 colunas

Colunas em telemóveis

Permite definir o número de blocos que serão exibidos em telemóveis com uma largura igual ou inferior a 767px.

Isto variará de acordo com o que definires dentro da opção Exibição que escolheres a seguir:

Carrossel

Largura do dispositivo	Quantidade de logótipos
≤ 575px	Quantidade definida
≤ 418px	Sempre 2 logótipos

Grelha

Valor da opção	Telemóvel (≤ 767px)
3	3 colunas
2	2 colunas
1	1 coluna

Espaço entre

Esta opção permite definir se haverá espaço entre os blocos.

Nota: só será visível e poderá ser utilizada se o valor definido em Espaçamento dentro de Definições do tema > Design > Estilos do tema for diferente de Nenhum.

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.

Definições do Carrossel

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

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

Opções de imagem

Este grupo de opções permite melhorar a forma como as imagens são entregues e exibidas dentro do componente.

Formatar imagens

Permite formatar e redimensionar automaticamente as imagens que carregas nos blocos, de acordo com as opções que encontrarás abaixo.

Dimensão

Define a dimensão em que as imagens serão exibidas.

Exibição

Recortar: Cria uma versão miniatura da imagem, cortando-a para que se ajuste exatamente ao tamanho definido na opção Dimensão, mantendo a parte mais importante centrada.

Por exemplo, se definires uma dimensão quadrada, isto garantirá que a imagem mantenha sempre essa forma, mesmo que a imagem original fosse retangular.

Redimensionar: Mantém as proporções originais da imagem (sem a cortar) e apenas a reduz para se ajustar ao espaço disponível, adaptando-se automaticamente sem cortar nada.

Em resumo:

• Recortar faz com que a imagem se ajuste a dimensões exatas.
• Redimensionar mantém as proporções originais e reduz a escala.

Opções de cabeçalho

Ao ativar 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 da Galeria de logótipos chama-se Logótipo, e as suas opções são as seguintes:

Imagem

Permite carregar a imagem ou logótipo.

Nota: os formatos ideais sugeridos são .webp, .jpg ou .svg. Tenta evitar o uso de formatos como .png.

Link

Esta opção permite adicionar um link ao bloco, tornando-o totalmente clicável.

As seguintes opções ficarão visíveis após adicionares um:

• Linkar imagem: permite exibir a imagem do link selecionado (para produtos, categorias e páginas), se tiver sido adicionada no painel de administração da loja.
• Texto do link: texto que será exibido quando o utilizador passar o cursor sobre a imagem.
• Link externo: se ativado, o link será aberto numa nova aba do navegador.