Exibir dinamicamente o banner da coleção com base em cada coleção

Sobre o Banner da Coleção

Banner de coleção é uma imagem ou elemento visual exibido na parte superior de um página de coleta, representando o tema ou propósito da coleção.

Banners dinâmicos permitem que cada coleção exiba sua imagem de banner exclusiva automaticamente com base nos dados da coleção do Shopify.

Como exibir dinamicamente um banner de coleção para cada coleção no GemPages?

Para exibir o banner da coleção dinamicamente com base em cada coleção, siga estas etapas:

Etapa 1: Adicionar ou alterar a imagem em destaque da coleção no Shopify (opcional)

Observação: Se você já adicionou imagens para suas coleções, pode pular esta etapa.

• Faça login no seu Shopify Admin. Vá para Produtos > Coleções.
• Selecione a coleção que você deseja personalizar.

• Sob o Imagem seção, carregue ou altere a imagem em destaque para a coleção.

Esta imagem servirá como banner para a coleção correspondente.

• Uma vez feito isso, aperte Economize para aplicar suas alterações.

Etapa 2: Crie uma página de coleção no GemPages

Para um guia detalhado sobre como criar páginas de coleção, consulte este artigo: Como criar uma nova página de coleção.

• Acessar o Painel do GemPages e clique no Crie uma nova página seção.

• Selecionar Coleção como caso de uso. Depois, você pode começar a criar uma nova página de coleção do zero (página em branco) ou usar um modelo pré-criado.

Etapa 3: Atribuir coleção

Na barra superior, clique em “0 Coleção atribuída” para atribuir sua coleção a esta página de coleção.

Você pode aplicar esta página a todas as coleções ou selecionar uma/várias coleções preferidas.

• Todas as páginas da coleção: O modelo será aplicado a todas as coleções da sua loja.
• Coleções Específicas: Selecione as coleções às quais deseja aplicar este modelo.

Por exemplo, escolhemos o Coleções GemSkin.

Etapa 4: adicione os elementos de coleção necessários

Na barra lateral esquerda, você pode arrastar e soltar vários elementos personalizados para a coleção, como o Elemento da lista de produtos.

Etapa 5: Adicionar elemento de banner de coleção

• No editor GemPages, arraste e solte o Banner de coleção elemento no layout da sua página de coleção.

O banner exibirá dinamicamente a imagem em destaque da coleção atual visualizada pelo cliente.

Você pode personalizar o tamanho do banner, alinhamento e estilo usando o painel de configurações na barra lateral esquerda.

• Adicionar outra elementos de coleção dinâmica ao banner, como título da coleção, descrição, etc.

Isso garante que cada página de coleção seja atualizada corretamente com seus produtos, títulos e recursos exclusivos dos dados do Shopify. 

Etapa 6: salvar e publicar

• Depois de concluir o design da página da coleção, clique em Economize, e seus banners dinâmicos estão prontos para serem exibidos.
• Você pode visualização a página para verificar os resultados antes de republicar sua página:

Agora você configurou um totalmente Banner de coleção dinâmico que extrai dados automaticamente do Shopify. Cada página de coleção exibirá seu próprio banner, criando uma experiência de navegação personalizada e coesa.

Perguntas Frequentes

1. Por que o banner da minha coleção não está exibindo a imagem correta?

Certifique-se de ter carregado uma imagem em destaque para cada coleção no Shopify e atribuído as coleções corretas ao seu modelo GemPages.

Se o problema persistir, tente republicando a página or aguardando alguns minutos para que os dados do Shopify sejam sincronizados.

2. Posso usar uma imagem de banner diferente da imagem em destaque do Shopify?

Não. O elemento Banner da coleção sincroniza automaticamente com a imagem em destaque do Shopify, e essa imagem não pode ser alterada ou substituída manualmente no GemPages.

3. Posso exibir o título ou a descrição da coleção no banner?

Com certeza. Adicione os elementos Título da Coleção e Descrição da Coleção dentro da seção de banner. Eles extrairão automaticamente dados dinâmicos do Shopify para cada coleção.

4. Esta configuração funciona tanto para dispositivos móveis quanto para desktops?

Sim. O elemento Banner da coleção é responsivo por padrão, mas você pode personalizar seu tamanho, preenchimento ou alinhamento separadamente para visualizações em dispositivos móveis e desktop. Avançado aba.

5. Como altero o layout do banner para coleções específicas?

Se você quiser layouts diferentes por coleção, crie vários modelos de Página de Coleção e atribua-os individualmente usando o recurso “Atribuir Coleção” no Editor GemPages.