Sobre as coleções em destaque
Coleções em destaque são grupos de produtos destacados que você deseja que os clientes explorem. Elas costumam servir como links rápidos para categorias populares ou sazonais, ajudando a melhorar a navegação e impulsionando as vendas de coleções importantes.
Exemplos de coleções em destaque:
- Comprar para homens / Comprar para mulheres: Para categorias de produtos específicas de gênero.
- Coleção de Verão / Coleção de Inverno: Destaques sazonais ou promoções.
- Mais vendidos / Novidades: Chame a atenção para itens populares ou adicionados recentemente.
Essas seções geralmente são colocadas em destaque na página inicial para atrair a atenção do cliente.
Como criar uma lista de coleções em destaque com o elemento Hero Banner?
Explore a melhor maneira de criar o seu próprio lista de coleções em destaque usando o elemento GemPages Hero Banner.
Antes de começar, certifique-se de localizar a página de destino no GemPages Editor v7.
Etapa 1: Crie uma linha com 3 colunas
- Depois de entrar no editor, procure por “linha” na barra lateral esquerda.
- Arraste e solte o elemento de linha de 3 colunas na posição preferida na página.
Este layout permitirá que você exiba três coleções em destaque lado a lado.
Etapa 2: adicione um banner de herói à primeira coluna
- Na barra lateral esquerda, localize e arraste e solte um elemento Hero Banner para a primeira coluna do seu Linha elemento.
- Clique no elemento Hero Banner para abrir suas configurações. Role para baixo até o Contexto seção e localize o Imagem opção.
- Expanda o painel de configurações. Você pode navegar pela sua galeria ou enviar uma nova imagem que represente a primeira coleção.
- Sob o Estilo de texto seção, continue editando o texto para corresponder ao título da coleção.
- permitir que o Efeito pairar recurso nas configurações do Banner do Herói para apelo visual:
Etapa 3: Duplique o banner do herói para outras colunas
- Nas configurações do Hero Banner, clique com o botão direito e clique Selecione o elemento pai > Linha 3 colunas para abrir o elemento Row Configurações aba.
- Role para baixo até Gerenciamento de colunas > 3 colunas para abrir o painel de configuração. Em seguida, passe o mouse sobre Coluna 1 > acertar o duplicar ícone.
- Após duplicar a primeira coluna, passe o mouse sobre ela e exclua Coluna 4 & Coluna 5.
- Agora, personalize Coluna 2 & Coluna 3 do seu jeito. Substitua a imagem de fundo, o texto e o botão de cada coluna para representar uma coleção diferente.
Observação: Garanta que o design permaneça consistente em todas as colunas para uma aparência coesa.
Etapa 4: otimizar para celular
- Mude para a visualização móvel no editor GemPages.
- Ajuste o layout para telas menores. Refine o tamanho das imagens, textos e botões.
- Salve suas configurações e clique em Publicar botão para ativar suas alterações.
