Editor Wix: adicionar e gerenciar repetidores (listas e grades)
5 min de leitura
Um repetidor é uma lista de itens que têm o mesmo design e layout, mas conteúdo diferente, que você pode personalizar por item (ex.: texto, imagens). Os repetidores facilitam a organização e a exibição de todos os tipos de informações, como eventos, notícias e serviços.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/06/13/cbf28fe6-d5c4-41c0-ab38-abc65d6fc93c/6c4966a5-0d0f-4299-ae99-e7877d6691cd.png)
Saiba como:
Adicionar e configurar um repetidor
- Clique em Adicionar
no lado esquerdo do Editor.
- Clique em Listas.
- Clique em um template para adicioná-lo ou arraste-o para o local relevante no seu site.
- Configure o conteúdo do seu repetidor:
- Selecione o repetidor no seu Editor.
- Clique em Gerenciar itens.
- Siga esses passos:
- Clique em Duplicar item para adicionar outros itens à lista.
- Clique e arraste os itens para reordenar a lista.
- Passe o mouse sobre um item e clique no ícone Mostrar mais
para excluí-lo ou duplicá-lo.
Observação:
O antigo aplicativo List Builder não é mais compatível e foi substituído pelos repetidores. Se você adicionou uma lista ao seu site através do aplicativo, copie o conteúdo para um novo repetidor.
Adicionar conteúdo aos itens
Todos os itens no repetidor têm o mesmo design. Você pode personalizar os elementos individuais dentro de um item, como texto e imagens, mas o design sempre permanece o mesmo.
Por exemplo, você pode alterar o texto em um botão para que ele seja diferente para cada item, mas se você mover o botão para um local diferente dentro do item, ele move o botão em todos os itens para o mesmo local.
Quando você adiciona um elemento a um item do repetidor, ele é adicionado automaticamente a cada item para manter o design consistente. Os itens mudam de tamanho de acordo com o conteúdo dentro deles.
Para adicionar um elemento aos itens, arraste e solte o elemento do painel Adicionar em um item:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/06/13/ae05ab6f-f120-4119-8861-b717154993ba/248d4cc3-7f2a-4475-93dd-cf6696e994d4.gif)
Observação:
Alguns elementos não podem ser anexados a itens do repetidor. Saiba mais
Adicionar outros itens a um repetidor
Você pode adicionar quantos itens precisar ao seu repetidor.
Para adicionar um item:
- Selecione o repetidor no seu Editor.
- Clique em Gerenciar itens.
- Clique em Duplicar item na parte inferior.
- Edite seu novo item como desejar.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/06/13/3d4df78c-00fe-4ad0-bbfa-e2c47767f56f/a5ba5ff4-00f8-48de-a25e-081fe294b3bf.png)
Alterar o layout de um repetidor
Ajuste o alinhamento, a direção e o espaçamento dos itens do repetidor.
Para alterar o layout:
- Selecione o repetidor no seu Editor.
- Clique no ícone Layout
.
- Para alterar o layout:
- Escolha um alinhamento: Esquerda, Centro, Direita ou Justificar.
- Use o slider para ajustar o espaçamento vertical entre os itens.
- Escolha se deseja mostrar itens da esquerda para a direita ou da direita para a esquerda.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/06/13/66722c3c-c5ff-4dd4-95c8-99b6db169a89/77649284-b96f-46df-8c70-15f8917ce92b.png)
Fazer o design de itens do repetidor
Você pode alterar o design de qualquer item individual (ex.: imagem, caixa de texto, botão, etc.). Cada alteração de design que você fizer em um item afeta os outros itens no seu repetidor. Por exemplo, alterar a cor de um botão em um item altera a cor dos outros itens.
Para fazer o design de um elemento, selecione-o e clique no ícone Design
:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2020/10/28/7aac3503-0baf-4ff4-bd38-6bb0ce54f88f/6075d846-f1da-40cf-9de5-f82ff5f42f2c.png)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/06/13/2b9c1c42-f5b2-4c8c-a61f-8abe6d073de0/ef7f4f94-9f46-4ba9-8f26-241dc00af05c.png)
Conectar um repetidor a uma coleção de banco de dados
Usando repetidores, você pode exibir o conteúdo de suas coleções de banco de dados. Primeiro, conecte o repetidor à coleção relevante. Em seguida, conecte cada item individual ao campo relevante em sua coleção. Saiba mais
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/06/13/3067d4ae-60c6-4b29-82cc-a5b6f255b50c/f750d35f-398f-48cf-8851-64ce83acd035.png)
Problemas de alinhamento em repetidores
Você pode perceber que seus repetidores não estão alinhados conforme o esperado.
Os tamanhos dos repetidores são baseados no conteúdo do item. Por exemplo, se um item do repetidor contiver mais linhas de texto do que outros itens, isso afetará o alinhamento.
Recomendamos garantir que todas as caixas contenham a mesma quantidade de linhas de texto para retificar o alinhamento. Se você não quiser adicionar mais texto à caixa, basta adicionar linhas em branco extras usando a tecla Enter no teclado.
Esse artigo foi útil?
|