Elemento Paginador de Coleção

Sobre a coleção Paginator

O processo de Paginador de coleção é projetado especificamente para Páginas de coleção para simplificar a navegação por extensas listas de produtos. 

Em vez de exibir todos os produtos em uma única página, ele cria uma série de páginas que os usuários podem navegar usando Anterior, Seguinte, ou links numerados. Isso melhora tanto a experiência do usuário quanto o desempenho do site.

Como adicionar um elemento de paginação de coleção à sua página?

• Acessar o Painel GemPages > PÁGINAS.
• Clique na página de destino para abrir o editor.
• Na barra lateral esquerda, procure por “paginador de coleção”, arraste e solte o elemento em qualquer posição na sua página de coleção.

Em seguida, clique no elemento para abrir seu painel de configurações, onde você pode personalizar o Collection Paginator do seu jeito.

Configurações do elemento do paginador de coleção

O processo de Elemento Paginador de Coleção oferece várias opções de personalização para se adequar às necessidades de design e funcionalidade da sua loja. Aqui está uma análise de suas configurações:

Ecrã

Sob o Ecrã seção, selecione seu layout de exibição preferido entre simples e Botão.

• simples: Exibe links simples (por exemplo, “Anterior 1 2 3 Próximo”) para uma aparência minimalista.

• Botão: Adiciona botões para navegação. Personalize o forma de botão (círculo, quadrado) e tamanho para alinhar com seu design.

Espaçamento de itens: Ajuste o espaçamento entre os itens de paginação para evitar superlotação e garantir a legibilidade.

Modo de pré-visualização

Ajusta a Quantidade de páginas para visualizar diferentes cenários, como 5, 10 ou 20 produtos por página.

Conteúdo do botão

Texto anterior/próximo: Personalize os rótulos de texto para navegação (por exemplo, "Voltar" em vez de "Anterior"). Isso é útil para localizar o paginador ou adicionar um toque personalizado.

Estilo de texto

Sob o Estilo de texto seção, modifique o texto do botão como preferir:

• Sessão de Fotos: Escolha o estilo de texto de Título 1-6 or Parágrafo 1-3 como o estilo global. 
• fonte: Selecione um estilo de fonte que corresponda à identidade da sua marca.
• Dimensões:: Ajuste o tamanho da fonte para deixar o texto em destaque.
• Cor: Escolha uma cor que complemente seu design.
• Peso da fonte: Controle a espessura do texto.
• Altura da linha: Ajuste o espaço entre as linhas para melhor legibilidade.
• Espaçamento entre Letras: Crie uma aparência mais moderna ou compacta alterando o espaço entre as letras.
• Transformam: Converta o texto para maiúsculas, minúsculas, ou capitalizar a primeira letra de cada palavra.

efeito ativo

Cor do texto: Destaque a página atual com uma cor distinta para melhorar a visibilidade.

Alinhar

Ajuste o alinhamento horizontal do paginador (Esquerdo, Centralização de, ou Certo) para se ajustar ao layout da sua página.

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.