header-logo
Confira como usar o Wix para construir seu site e negócio.
Personalize e gerencie seu site com os recursos do Wix.
Gerencie assinaturas, planos e faturas.
Administre seu negócio e conecte-se com os membros.
Compre, conecte ou transfira um domínio para o seu site.
Expanda seu negócio e presença online.
Aumente sua visibilidade com recursos de SEO e marketing.
Acesse recursos avançados e otimize sua produtividade.
Encontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Domine novas habilidades com nossos cursos e tutoriais.
Confira nossas dicas de web design, marketing e mais.
Aumente o tráfego orgânico vindo dos motores de busca.
Desenvolva um site único com a nossa plataforma full-stack.
Alcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

CMS: adicionar e configurar uma barra de paginação

10 min
Neste artigo
  • Etapa 1 | Adicione e personalize uma barra de paginação
  • Etapa 2 | Conecte-se ao CMS
Use uma barra de paginação para fornecer aos visitantes uma maneira simples e intuitiva de navegar por uma grande coleção de itens dentro de um repetidor ou galeria. Uma barra de paginação permite que os visitantes naveguem por "páginas" ou conjuntos de itens exibidos em uma página dinâmica. O campo "Itens por carregamento" do conjunto de dados determina o número máximo de itens que aparecem em cada "página". 

O número de páginas exibidas na barra de paginação é calculado com base no número total de itens da coleção obtidos pelo conjunto de dados e no campo "Itens por carregamento". Por exemplo, se você tiver 50 itens visíveis em sua coleção e definir o campo "Itens por carregamento" como 10, sua barra de paginação exibirá 5 páginas (50÷10 = 5). Cada página representa um conjunto de itens e a barra de paginação permite que seus visitantes naveguem por esses conjuntos. 
Captura de tela de uma barra de paginação que se conecta à mesma coleção que o repetidor.
Antes de começar:

Etapa 1 | Adicione e personalize uma barra de paginação

Adicione uma barra de paginação ao seu site e personalize-a para que ela combine com o design desejado. 
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Vá para a página dinâmica relevante que pode listar vários itens:
    1. Clique em Páginas e menu no lado esquerdo do editor.
    2. Clique em Páginas dinâmicas.
    3. Clique na página dinâmica relevante que pode.
      Observação: as barras de paginação não são relevantes para páginas dinâmicas de item que podem exibir apenas 1 item de cada vez. 
Captura de tela de uma página dinâmica de lista sendo acessada no Editor Wix.
  1. Adicione uma barra de paginação: 
    1. Clique em Elementos  no lado esquerdo do editor.
    2. Clique em Interativo.
    3. Clique em Barra de paginação
    4. Clique e arraste a barra de paginação que deseja usar para a página. 
Captura de tela de uma barra de paginação sendo adicionada no Editor Wix.
  1. Personalize as configurações, o layout e o design da barra de paginação: 

Etapa 2 | Conecte-se ao CMS

Conecte sua barra de paginação ao mesmo conjunto de dados que se conecta ao seu repetidor ou galeria. Em seguida, redimensione sua barra de paginação e teste-a no modo de visualização. Quando ela estiver pronta para ser usada, publique seu site. 
Editor Wix
Editor do Wix Studio
  1. Clique na barra de paginação. 
  2. Clique no ícone Conectar ao CMS .
  3. Clique no dropdown Escolha um conjunto de dados e selecione o mesmo conjunto de dados que se conecta ao seu repetidor ou galeria. 
Captura de tela de uma barra de paginação sendo conectada a um conjunto de dados.
  1. (Se necessário) Ajuste o número de itens que aparecem por "página" na barra de paginação:
    Observação: esse é também o número máximo de itens que podem ser exibidos por carregamento no seu repetidor ou galeria.
    1. Clique em Configurações do conjunto de dados no painel Conectar paginação à direita.
    2. Edite o campo Itens por carregamento. Saiba mais sobre como editar as configurações do conjunto de dados.
  2. Ajuste o tamanho da sua barra de paginação ao esticá-la ou ajustar as bordas manualmente:
    • Esticar para largura: clique no ícone Esticar  para expandir a largura da barra para as bordas do site.  
    • Manualmente: clique e arraste as bordas da sua barra de paginação para redimensioná-la. 
  3. Clique em Visualizar para testar sua barra de paginação. 
  4. Clique em Publicar se as alterações puderem ser publicadas.