Pular para o conteúdo

Marcas em destaque

A seção Marcas em destaque reúne logos de fabricantes, parceiros ou linhas vendidas pela loja. Cada logo pode receber uma imagem e um link próprio.

  • Grid — mostra seis logos por linha no desktop e dois no celular, sem comportamento de carrossel.
  • Slide automático — inicia com cinco logos visíveis no desktop e dois no celular, em movimento contínuo.
  • Slide manual — inicia com quatro logos visíveis no desktop e dois no celular, com navegação anterior e próxima.

Os três presets começam com seis blocos de logo. As imagens de exemplo deixam visíveis a quantidade, a altura e a composição de cada opção antes de cadastrar conteúdo real.

  1. No Brand Editor, adicione uma das variações de Marcas em destaque.
  2. Abra o bloco Marcas para escolher a disposição, mostrar ou ocultar as bordas e ajustar tamanho, altura, quantidade visível e espaçamento no desktop e no celular.
  3. Abra cada bloco Logo para cadastrar a imagem e o link correspondente.
  4. Salve e confira a seção nos dois tamanhos de tela.

No Slide manual, cada clique avança um logo até o final da lista; o hover desloca discretamente o logo e destaca os controles. No Slide automático, o hover usa apenas uma inversão simples do fundo e o movimento pode ser pausado ou retomado pelo controle da própria faixa. Se o dispositivo estiver configurado para reduzir movimentos, a animação é desativada e os logos continuam acessíveis por rolagem horizontal.

  • Use arquivos com áreas transparentes e margens visuais semelhantes.
  • Confira se cada link abre a página correta da marca ou coleção.
  • Ajuste a altura separadamente quando os logos ficarem pequenos demais no celular.
  • Evite quantidades visíveis maiores que o número de logos cadastrados.