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: exibir as categorias de produtos do Wix Stores em uma página dinâmica de lista

10 min
Neste artigo
  • Etapa 1 | Adicione uma página dinâmica de lista para suas categorias
  • Etapa 2 | Conecte seu repetidor, galeria ou tabela ao CMS
  • (Opcional) Etapa 3 | Gerencie as configurações do conjunto de dados
Crie uma página dinâmica de lista para mostrar todas as suas categorias de produtos do Wix Stores em um só lugar. Quando os visitantes clicam em uma categoria, eles são direcionados para a página de categoria relevante, onde podem visualizar seus produtos. Você também pode exibir as categorias da sua loja em páginas não dinâmicas, como a página inicial ou a página do carrinho.

Você pode usar um repetidor personalizável ou a galeria Pro para exibir as categorias que desejar. Nas configurações do conjunto de dados da página, você pode definir um limite de quantas categorias são exibidas de cada vez. No conjunto de dados, você também pode adicionar filtros para mostrar apenas determinadas categorias ou adicionar classificações para controlar a ordem em que elas são exibidas. 
Um exemplo de captura de tela de um repetidor conectado às categorias do Wix Stores.
Importante:
Você deve ter a nova versão das categorias de produtos do Wix Stores para seguir este tutorial. Se você não tiver, saiba como criar manualmente uma galeria de categorias com a versão original das categorias de produtos. 
Antes de começar:

Etapa 1 | Adicione uma página dinâmica de lista para suas categorias

Vá para Coleções de apps do Wix no CMS do seu editor e crie uma página dinâmica de lista da coleção da loja. Esta página inclui um repetidor que já está parcialmente conectado às categorias da sua loja. Se preferir, você pode excluir o repetidor e adicionar uma galeria Pro ou tabela para mostrar suas categorias. 
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Clique em CMS  à esquerda do editor.
  3. Clique em Coleções de apps do Wix à esquerda.  
  4. Role para baixo até Lojas, passe o mouse sobre Coleções e clique no ícone Mais ações
  5. Clique em Adicionar página dinâmica
Captura de tela de uma página dinâmica sendo adicionada no Editor Wix.
  1. Clique em Página de lista
  2. Clique em Adicionar ao site
  3. (Opcional) Use uma galeria ou tabela para exibir suas categorias em vez de um repetidor: 
    1. Clique no repetidor e pressione Delete no teclado para removê-lo. 
    2. Adicione a galeria Pro ou uma tabela à página. 
    3. (Apenas para galeria) Clique na galeria e selecione Gerenciar mídia
    4. (Apenas para galeria) Clique em Selecionar tudo e clique em Excluir para remover todas as imagens padrão da galeria. Em seguida, clique em OK
Dica: se você quiser usar um repetidor de estilo diferente, você pode excluir o repetidor padrão e adicionar um novo. Você conectará os elementos do repetidor na próxima etapa. 

Conecte os campos dinâmicos de coleção ao seu repetidor, galeria ou tabela. Os valores desses campos dinâmicos mudam no seu site online dependendo da categoria mostrada. Certifique-se de vincular os botões ou imagens ao URL da página. Esse link permite que os visitantes cliquem para ir para a página de categoria de loja relevante. 
Editor Wix
Editor do Wix Studio
  1. No editor, clique no repetidor, galeria Pro ou na tabela.
  2. Clique no ícone Conectar ao CMS .
  3. Clique no dropdown Conjunto de dados e selecione Coleções.
  4. (Apenas repetidores) Em Conexões, clique no elemento de repetidor que você deseja conectar.
    Observação: se você estiver usando o repetidor padrão que vem com a página dinâmica, os elementos de imagem e texto já estão conectados. Você pode excluir o elemento de texto extra ou desconectá-lo e substituí-lo por um texto estático. 
  5. Clique nos dropdowns relevantes e selecione os campos dinâmicos da coleção que você deseja conectar: 
    • Nome (texto): o nome da categoria definido no Wix Stores.
    • Mídia principal (imagem): a categoria de imagem definida no Wix Stores. 
    • Slug (texto): a parte exclusiva do URL no final do endereço web da sua Página de categoria. Você pode defini-lo ao editar as configurações de SEO de cada categoria do Wix Stores
    • ID (texto): o código identificador único no back-end de cada categoria.
    • Navegar para URL da página: o endereço web da página de categoria relevante. Para botões, clique no dropdown A ação do clique conecta-se a para selecionar Navegar para URL da página. Para imagens ou a galeria Pro, clique no dropdown Link se conecta a para selecionar Navegar para URL da página.
Captura de tela de um botão de repetidor sendo vinculado ao URL da página.
  1. (Apenas para repetidores) Clique em Conexões do repetidor e repita os passos 4 e 5 acima para conectar elementos adicionais ao repetidor. 
  2. Clique para ajustar seus elementos do repetidor, galeria Pro ou tabela conforme necessário.
    Dica: você pode adicionar ou remover elementos do seu repetidor a qualquer momento. Desconecte elementos se quiser usar conteúdo estático que não muda de acordo com a categoria relevante. 
  3. Clique em Visualizar para testar sua página dinâmica de categorias da loja.
  4. Clique em Publicar se você já estiver pronto para publicar as alterações. 

(Opcional) Etapa 3 | Gerencie as configurações do conjunto de dados

Nas configurações do conjunto de dados, você pode escolher o número máximo de categorias que podem ser exibidas por vez. Você também pode adicionar filtros para incluir apenas determinadas categorias ou adicionar classificações para controlar a ordem em que as categorias são exibidas. 
Observação:
O campo Itens por carregamento não se aplica a tabelas. Se estiver usando uma tabela para exibir seus produtos, você pode limitar o número de itens exibidos clicando no ícone Layout . Em seguida, defina uma altura de tabela personalizada e ative a paginação. 
Editor Wix
Editor do Wix Studio
  1. No editor, clique no repetidor, galeria Pro ou na tabela.
  2. Clique no ícone Conectar ao CMS .
  3. Clique em Configurações do conjunto de dados.
  4. (Opcional) Clique no tipo de permissão ao lado de Permissões para determinar quem pode visualizar, adicionar, atualizar ou excluir o conteúdo da coleção no seu site online. 
  5. Edite o campo Itens por carregamento para definir o número máximo de itens que podem ser carregados de cada vez.  
    Observação: esse é também o número máximo de itens que podem ser carregados quando os visitantes clicam nos botões "Ver mais", "Página seguinte/anterior" ou nas barras de paginação.
  6. (Opcional) Clique em + Adicionar filtro para mostrar apenas categorias específicas no repetidor ou na galeria. 
  7. (Opcional) Clique em + Ordenar para escolher a ordem em que as categorias aparecem no repetidor ou na galeria.
Captura de tela das opções de filtro e classificação em um conjunto de dados.
  1. Clique em Visualizar para testar sua página dinâmica de categorias da loja.
  2. Clique em Publicar se você já estiver pronto para publicar as alterações.