CMS: exibir o conteúdo da coleção em uma galeria Pro | Central de Ajuda

CMS: exibir o conteúdo da coleção em uma galeria Pro

21 min de leitura

Use uma galeria Pro para exibir imagens dinamicamente para cada item em sua coleção do CMS (sistema de gerenciamento de conteúdo). Você controla qual campo de imagem usa para cada item e também conecta campos de coleção aos títulos, descrições, alt texts e links das imagens. Esse tipo de configuração é ideal tanto para páginas dinâmicas de lista quanto para páginas estáticas, pois você pode vincular as imagens às páginas dinâmicas de item.

Importante:

Este artigo refere-se à conexão de uma galeria Pro a um campo de imagem usado para exibir uma imagem por item de coleção. Como alternativa, você pode conectar uma galeria a um campo de galeria de mídia usada para exibir várias imagens ou vídeos para um único item de coleção em uma página dinâmica de item.

Etapa 1 | Crie uma coleção do CMS

Crie uma coleção de vários itens para armazenar as imagens que você deseja mostrar na galeria. Adicione um tipo de campo de imagem e campos de texto para os títulos, descrições e alt text da imagem. Em seguida, adicione as imagens e os valores para cada item na coleção. Se necessário, você pode ajustar as permissões da coleção a partir das configurações padrão "Público", que permitem que qualquer pessoa visualize o conteúdo.

Para criar uma coleção para armazenar imagens da galeria:

Editor Wix

Editor do Wix Studio

Painel de controle

Vá para CMS no painel de controle do seu site.
Clique em Criar coleção.
Insira um nome para sua coleção.
Deixe Vários itens (padrão) selecionado e clique em Criar.
Adicione campos à sua coleção manualmente ou importando um arquivo CSV:
- Adicionar campos manualmente: clique em + Adicionar campo para começar a adicionar campos manualmente à sua coleção.
- Importar um arquivo CSV: clique em Importar arquivo CSV para fazer upload de um arquivo CSV para sua coleção.

Dica:

Certifique-se de adicionar um tipo de campo Imagem para armazenar imagens para cada item. Você também pode adicionar tipos de campo Texto para usar como títulos de imagens, descrições e alt text.

Adicione itens à sua coleção:
1. Clique em + Adicionar item.
2. Adicione conteúdo sobre o item para cada campo relevante.
3. Repita essa etapa para criar quantos itens forem necessários.

Uma captura de tela de um item sendo adicionado a uma coleções do CMS.

Defina as permissões para a coleção:
1. Clique em Mais ações e selecione Permissões e privacidade.
2. Clique em Que tipo de conteúdo você vai armazenar nesta coleção? e selecione uma opção. Se necessário, você pode escolher outra opção e clicar nos dropdowns para ajustar quem pode visualizar, adicionar, excluir e atualizar o conteúdo. Saiba mais sobre como configurar permissões de coleção.
3. Clique em Salvar.

Uma captura de tela da configuração das permissões e privacidade da coleção.

Etapa 2 | Conecte uma galeria Pro à sua coleção

Adicione uma galeria Pro ao seu site e conecte-a a um conjunto de dados que se vincula aos campos da coleção. Em seguida, conecte as fontes da imagem da galeria ao campo de imagem da sua coleção. Você também pode conectar os títulos, descrições e alt text aos campos da sua coleção. Use o campo "Links se conectam a" para vincular os itens às suas páginas dinâmicas de item ou a um campo de URL, Imagem ou Vídeo.

Editor Wix

Editor do Wix Studio

Vá para o seu Editor.
Vá para a página onde você deseja que uma galeria exiba imagens que representam diferentes itens da coleção.
Clique em Elementos no lado esquerdo do Editor.
Clique em Galeria.
Clique e arraste a galeria Pro que você deseja usar para a página.

Remova as imagens padrão da galeria:
1. Clique em Gerenciar mídia na galeria.
2. Clique em Selecionar tudo e, em seguida, clique em Excluir.
3. Clique em OK.
Clique no ícone Conectar ao CMS .
Clique no dropdown Escolha um conjunto de dados e selecione um conjunto de dados existente que se conecte à sua coleção. Se preferir, clique em Criar um novo conjunto de dados e escolha a coleção que deseja conectar.
Clique nos dropdowns relevantes para conectar seus campos de coleção à galeria:
- Fontes da imagem se conectam a: selecione o campo da imagem que deseja exibir.
- Títulos se conectam a: selecione o campo que deseja usar para os títulos das imagens.
- Descrições se conectam a: selecione o campo que deseja usar para as descrições da imagem.
- Os alt texts se conectam a: selecione o campo que deseja usar para os alt texts da imagem.
- Link se conecta a: selecione a página dinâmica, o campo de URL ou o campo de imagem ao qual você deseja vincular as imagens.

Clique na galeria e selecione Configurações para personalizar o layout, o design da sua galeria e muito mais. Saiba mais sobre como personalizar sua galeria Pro.

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

Vá para as configurações do conjunto de dados para definir o total de itens que podem ser carregados de cada vez, filtrar determinados itens, classificar a ordem em que os itens são exibidos ou alterar o modo. Defina o modo para Ler e escrever se planeja permitir que os visitantes enviem ou editem imagens na coleção conectada da galeria.

Editor Wix

Editor do Wix Studio

Acesse as configurações do conjunto de dados conectado da galeria:
1. Clique na galeria.
2. Clique no ícone Conectar ao CMS .
3. Clique em Configurações do conjunto de dados no painel Conectar galeria à direita.
Clique no dropdown Modo do conjunto de dados e selecione uma opção:
- Leitura: permite que o conjunto de dados exiba os dados da sua coleção na galeria.
- Leitura e gravação: permite que o conjunto de dados exiba os dados da sua coleção na galeria e permite que os visitantes adicionem ou editem os dados da coleção com elementos de entrada.
Edite o campo Máximo de itens exibidos para ajustar o máximo de itens que podem carregar inicialmente na galeria. Esse é também o máximo de itens que são carregados quando os visitantes clicam nos botões "Ver mais", nos botões "Página seguinte/anterior" ou nas barras de paginação. Confira as etapas necessárias na seção seguinte.

(Opcional) Clique em + Adicionar filtro para mostrar apenas itens específicos na galeria.
(Opcional) Clique em + Ordenar para escolher a ordem em que os itens aparecem na galeria.

Etapa 4 | (Opcional) Crie botões "Ver mais" ou de navegação

Você pode melhorar o desempenho de carregamento da sua página adicionando um botão "Ver mais" se você tiver muitas imagens na galeria. O campo "Máximo de itens exibidos" do seu conjunto de dados pode ser definido com até 1.000 itens. Ele controla quantos itens podem ser carregados inicialmente em sua galeria e quantos itens adicionais podem ser carregados quando os visitantes clicam no botão.

Esse campo também determina o número de itens exibidos por "página" na sua galeria se você conectar botões de "Página seguinte/Página anterior" ou uma barra de paginação (somente no Editor Wix).

Editor Wix

Editor do Wix Studio

Escolha o que você quer fazer:

Criar um botão "Ver mais"