CMS: criar uma galeria de eventos personalizada

Há várias vantagens em criar uma galeria de eventos personalizada. Ao usar a galeria de eventos integrada, você tem controle limitado sobre a aparência da galeria. No entanto, quando você cria uma galeria de eventos personalizada, você assume o controle total sobre o que é exibido e como é exibido.

Neste artigo, abordamos as etapas necessárias para a criação da galeria de eventos personalizada mostrada abaixo. Usamos um repetidor para criar um efeito de galeria, que exibe os eventos. Conectamos esse repetidor aos dados do evento do nosso site usando um conjunto de dados. Você pode seguir as mesmas etapas para exibir seus eventos de tal forma que você pode personalizar para se adaptar ao design e às necessidades do seu site. 

Antes de criar sua galeria de eventos personalizada, você precisa adicionar o aplicativo Wix Events ao seu site. Use o aplicativo Wix Events para criar eventos e adicione as informações do evento. Observe que uma coleção chamada Events foi adicionada ao seu site. Essa coleção contém todos os dados do seu evento.

Os tópicos abaixo também podem ser úteis:

Começamos adicionando um repetidor à nossa página e configurando-o para que ele esteja pronto para mostrar as informações que queremos exibir. Em nosso exemplo, escolhemos um repetidor que contém uma imagem e dois elementos de texto como ponto de partida.

Queremos mostrar informações adicionais, então adicionamos mais um elemento de texto ao repetidor. Nesse ponto, você pode alterar o design do repetidor como achar melhor. Por exemplo, você pode adicionar uma imagem redonda, um botão adicional ou qualquer elemento que desejar. Alteramos alguns tamanhos de fonte e movemos alguns dos elementos.

Nosso repetidor fica assim no Editor:

Não se preocupe com o conteúdo real do repetidor. O texto e as imagens serão preenchidos com o conteúdo do evento do site quando o conectarmos usando um conjunto de dados. Além disso, você não precisa se preocupar com quantos itens são mostrados no repetidor. Isso também será resolvido quando conectarmos o repetidor a um conjunto de dados.

Como queremos que o repetidor pegue os dados do nosso evento do aplicativo Wix Events, adicionamos um conjunto de dados à nossa página. O conjunto de dados atua como uma ponte entre o conteúdo da coleção Events e os elementos em nossa página.

Em seguida, conectamos o conjunto de dados à nossa coleção Events.

Por fim, fazemos as conexões usando o botão Conectar aos dados . Conectamos o repetidor à coleção Events e, em seguida, conectamos cada elemento da página a um campo na coleção Events. Você pode escolher qual conteúdo da coleção deseja exibir. Em nosso exemplo, escolhemos exibir o seguinte: 

É só isso que você precisa fazer. Agora você pode visualizar ou publicar seu site para ver sua galeria de eventos personalizada em ação. Continue lendo para saber como adicionar outras funcionalidades à sua galeria de eventos personalizada.

A galeria que criamos acima mostrará todos os eventos do seu site, independentemente do status atual. Isso significa que eventos que foram cancelados, os que já começaram e os eventos passados também serão exibidos. Se você não quiser mostrar todos os seus eventos, você pode usar o filtro de conjunto de dados para mostrar apenas um subconjunto selecionado dos seus eventos.

Em nosso exemplo, queremos mostrar apenas os próximos eventos. Para fazer isso, basta adicionar um filtro ao conjunto de dados no campo Status para mostrar apenas eventos com o status AGENDADO.

Por definição, os eventos são mostrados na ordem em que foram criados, do mais antigo para o mais novo. Essa não é necessariamente a ordem que você deseja. Para alterar a ordem de exibição, você pode usar classificação do conjunto de dados para definir a ordem dos eventos.

Em nosso exemplo, queremos mostrar apenas os eventos na ordem da data de início, do mais próximo para o mais distante de agora. Para fazer isso, basta adicionar uma classificação ao conjunto de dados no campo Início de antigo para o novo.

Você também pode vincular a uma página de informações do evento e/ou a um formulário de registro para cada um dos eventos em sua galeria de eventos. Há duas maneiras de adicionar esses links:

Você também pode usar o conjunto de dados conectado à galeria de eventos personalizada para criar facilmente botões para a página integrada de informações do evento ou formulário de registro.

Em nosso exemplo, criaremos botões para a página de informações e para a página de registro. Começamos adicionando dois botões aos nossos itens de repetidor e editando seus textos.

Em seguida, conectamos os links do botão usando o botão Conectar aos dados . O botão Informações é vinculado ao URL da página do evento do site e o botão de registro é vinculado ao URL de registro.

Como alternativa, você pode criar sua própria página de informações do evento. Para fazer isso, você cria uma página dinâmica e a personaliza para que ela mostre as informações detalhadas do evento que você deseja. Você também pode decidir se deseja que a página de informações vincule a um formulário de registro ou não. Em seguida, você adiciona um botão ao repetidor criado acima e usa o botão Conectar aos dados para conectar o link do botão à página dinâmica de informações personalizadas.

Para saber como criar uma página personalizada de informações do evento, consulte Como criar uma página de informações personalizada do evento.