Elemento da lista de ícones

Sobre o elemento Lista de ícones?

O processo de Elemento da lista de ícones no GemPages exibe uma fileira de ícones dispostos horizontalmente. É perfeito para chamar a atenção para detalhes ou recursos específicos, ao mesmo tempo em que melhora a estética geral da sua loja.

Aqui estão algumas maneiras de usar o Elemento da lista de ícones efetivamente:

• Estandartes de Heróis: Exiba ícones que representam benefícios como entrega rápida, pagamentos seguros ou produtos ecológicos.
• Detalhes do Produto: Use ícones para representar visualmente características do produto, como durabilidade, dimensões ou materiais.
• Testemunhos: Adicione ícones para melhorar as avaliações dos clientes, como estrelas para classificações ou emblemas para garantia de qualidade.

Como adicionar um elemento de lista de ícones à sua página?

Siga estas etapas abaixo para arrastar e soltar um elemento da lista de ícones na sua página usando o GemPages Editor v7:

• Faça login no seu Administrador do Shopify > Construtor GemPages app> PÁGINAS.
• Clique na página onde você deseja adicionar o Elemento da Lista de Ícones para entrar no editor.
• Na barra lateral esquerda, procure esse elemento e arraste-o e solte-o na posição desejada na sua página.

• Localize o elemento para abrir suas configurações para maior personalização.

Configurar a guia Configurações

Sob o Configurações aba, você pode configurar a visibilidade do ícone como preferir:

gerenciamento de itens

Adicionar mais ícones or remover desnecessários para se adequar ao seu design. Além disso, você pode rearranjar o posicionamento de cada ícone se você usar ícones diferentes neste elemento da Lista de Ícones.

Espaçamento de itens

Ajuste a distância entre os ícones para um layout limpo e organizado:

• Inserindo um número exato na caixa
• Arrastando o controle deslizante

Contexto

Defina uma cor ou imagem sólida/gradiente como plano de fundo.

• Cor: Digite o código de cor, escolha na lista “cores recentes”/“sugeridas para você” ou use o seletor de cores para definir a cor de fundo.

• Imagem: Carregue uma nova imagem ou escolha na biblioteca para definir como plano de fundo.

Shape

Personalize o formato usando:

• Fronteira: Adicionar estilos de borda
• Canto: Ajuste a redondeza dos cantos
• Sombra: Aplique efeitos de sombra para profundidade

Alinhar

Ajuste o alinhamento horizontal e vertical da lista de ícones:

O resultado

Você pode acertar o olho Ícone na barra superior direita para visualizar sua atualização. Veja como o elemento Lista de Ícones é exibido na sua vitrine.

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.