Pedido CMS: janelas dinâmicas
Pedido de recurso|Estamos coletando votos para esse recurso
No momento, não é possível fazer com que janelas sejam dinâmicas ao conectá-las a coleções do CMS. No entanto, você pode conectar os elementos anexados a uma janela ao conteúdo da coleção do CMS para fazer com que os elementos sejam dinâmicos (por exemplo: texto, imagens, botões).
Estamos sempre trabalhando para atualizar e melhorar nossos produtos, e seu feedback é muito importante.
Solução alternativa
Usando o Velo, você pode criar uma janela que abre a partir de uma página dinâmica de item e exibe o mesmo item mostrado na página em que a janela foi aberta.
Por exemplo, se você tiver páginas dinâmicas de item que exibem os serviços que você oferece, você pode vincular um botão na página a uma janela. Na janela, você pode conectar elementos como texto, imagens e botões a um conjunto de dados que se conecta à mesma coleção. Como resultado, quando os visitantes clicam no botão na página dinâmica de item, uma janela é aberta com mais informações sobre o mesmo item exibido na página.
Antes de começar:
Certifique-se de que seu site tenha os seguintes itens:
- Uma janela.
- Uma página dinâmica de item com um botão que vincula à janela.
- Campos da coleção para o conteúdo que aparecerá nos elementos da janela.
Editor Wix
Editor do Wix Studio
- Vá para o seu editor.
- Vá para a página dinâmica de item relevante.
- Ative o modo avançado do Velo:
- Clique em Avançado na parte superior do Editor.
- Clique em Ativar modo avançado.
- Copie o trecho de código abaixo e cole-o na parte superior do código da sua página:
1import wixWindowFrontend from 'wix-window-frontend';
- Copie o trecho de código abaixo e cole-o depois de: $w.onReady(function () {
1$w('#openLightbox').onClick(async () => { const item = await $w('#dynamicDataset').getCurrentItem(); const id = item._id; wixWindowFrontend.openLightbox("Dynamic Lightbox", id); })
2
- No código de amostra que você colou, substitua os IDs mostrados abaixo pelos usados pelo seu site:
- openLightbox: substitua pelo ID do botão que abre a janela.
- dynamic Dataset: substitua pelo ID do conjunto de dados da página dinâmica de item.
- Janela dinâmica: substitua pelo nome da janela.
- No seu editor, vá para a janela.
- Adicione um conjunto de dados e conecte-o à mesma coleção que sua página dinâmica de item:
- Clique em CMS
no lado esquerdo do Editor. - Clique em Adicionar elementos de conteúdo.
- Clique em Conjunto de dados.
- Clique no dropdown Escolha uma coleção e selecione a mesma coleção que está conectada á sua página dinâmica de item.
- Clique em Criar.
- Clique em CMS
- Clique no campo Máximo de itens exibidos nas configurações do conjunto de dados e digite o número 1.
- Conecte os elementos na sua janela (por exemplo: texto, imagens, botões) ao conjunto de dados:
- Clique no elemento relevante na janela.
- Clique no ícone Conectar ao CMS
. - Clique nos dropdowns abaixo de Conexões e selecione os campos de coleção ou ações do conjunto de dados relevantes.
- Repita esses passos para cada elemento da sua janela que você deseja conectar.
- Copie o trecho de código abaixo e cole-o na parte superior do código da sua janela:
1import wixWindowFrontend from 'wix-window-frontend'; import wixData from 'wix-data';
- Copie o trecho de código abaixo e cole-o depois de: $w.onReady(function () {
1const getData = async () => { const id = await wixWindowFrontend.lightbox.getContext(); $w('#dataset1').setFilter(wixData.filter().eq('_id', id)); } getData();
- No código de amostra em que você clicou, substitua dataset1 pelo ID do conjunto de dados da sua janela.
- Visualize seu site para testar a funcionalidade.
- Quando estiver tudo pronto, publique seu site.