Elemento de banner de coleção

O que é o elemento Banner de coleção?

O processo de Elemento de banner de coleção no GemPages é um elemento que permite que você exibir um banner personalizado no topo das páginas da sua coleção.

Como adicionar o banner de coleção à sua página?

Importante: O elemento Banner de coleção só pode ser usado em páginas de coleção.

Para adicionar o elemento Newsletter à sua página, você pode seguir os passos abaixo:

Passo 1: Acessar o Painel GemPages > PÁGINAS > Coleção, clique na página da coleção de destino para localizar o editor.

Passo 2: Na barra lateral esquerda, procure por "faixa de coleção" e arraste e solte-o na posição preferida na sua página.

A imagem aparecerá automaticamente com base nas configurações do Shopify.

Passo 3: Clique no elemento para abrir suas configurações para maior personalização.

Configurar a guia Configurações

O processo de Elemento de banner de coleção oferece diversas opções de personalização para ajudar você a criar o banner perfeito para suas páginas de coleção:

traçado

Selecione um estilo de layout para o conteúdo do banner. 

Largura da coluna

Controle a disposição do conteúdo no Banner da Coleção dentro do Largura da coluna seção:

• Taxa de variação: Defina uma proporção de coluna específica para consistência.
• Ajustar ao conteúdo: Ajusta automaticamente a largura da coluna com base no conteúdo.

Gerenciamento de colunas

Gerencie a quantidade de suas colunas nesta seção. A partir daqui, você pode duplicar a coluna atual, delete um, ou rearranjar a posição das colunas.

Espaçamento entre colunas

Ajuste o espaço entre as colunas inserindo um número específico ou arrastando o controle deslizante.

Imagem da coleção

Imagem:

A imagem do banner é extraído diretamente das configurações de coleção do Shopify. Se você quiser alterar a imagem do banner, precisará atualizá-la no Shopify.

No entanto, você pode modificar as configurações da imagem da coleção no editor GemPages, incluindo:

• Escala:Você pode escolher qualquer um Cobrir (para que a imagem cubra toda a área do banner) ou Conter (para garantir que a imagem completa fique visível sem esticar).
• Posição: Você pode ajustar a posição da imagem dentro do banner.
• repetição: Determine se a imagem deve se repetir no fundo.
• acessório: Controla o comportamento da imagem: Rolagem move-se com a página, Fixo permanece parado e Locais rola dentro de seu contêiner.

Overlay:

Adicione uma camada semitransparente sobre a imagem do banner da coleção para melhorar a legibilidade do texto ou criar um clima visual específico. Isso é especialmente útil quando o banner contém áreas claras e escuras que podem tornar o texto sobreposto menos visível.

• Cor: Escolha uma cor para a sobreposição, que pode adicionar um efeito visual ao banner.
• Opacidade: Ajuste a opacidade da sobreposição para torná-la mais sutil ou ousada, dependendo de suas preferências de design.

Dimensões:

• Ajustar altura ao conteúdo = Sim: A altura do banner se ajusta automaticamente com base no conteúdo dentro dele.
• Ajustar altura ao conteúdo = Não: Você pode definir uma altura fixa para o banner manualmente (em pixels), independentemente do conteúdo interno.

Efeito

Efeito pairar: Você pode aplicar um efeito de foco ao banner da coleção. As opções incluem nenhum or Zoom.

Se você selecionar o efeito de zoom, poderá personalizar ainda mais:

• Valor do zoom: Controle o nível de zoom ao passar o mouse.
• Hora do zoom: Defina a duração do efeito de zoom.

Alinhar coluna

Defina o alinhamento vertical do elemento, incluindo:

• Alinhar topo
• Alinhar centro
• Botão Alinhar
• Distribuir espaçamento vertical

Configurar a guia Avançado

Para uma personalização mais avançada, navegue até a guia Avançado e siga as instruções em Este artigo.

Como alterar o banner da coleção?

Para alterar o Banner da Coleção, você precisará atualizá-lo no Shopify. 

Aqui está um guia rápido:

Etapa 1: No seu administrador do Shopify, vá para Produtos > Coleções.

Etapa 2: Selecione a coleção para a qual você deseja atualizar o banner.

Etapa 3Aceda a Imagem, clique em Editar > Mudar imagem para alterar a imagem do banner, clique em Economize.

Passo 4: Volte para o editor GemPages. Na barra superior, clique no Coleção atribuída botão para abrir a caixa de diálogo.

Clique Sincronizar novamente, e o banner da coleção será atualizado.