Richiesta: finestre a comparsa dinamiche

Richiesta di funzionalità|Stiamo raccogliendo voti in merito a questa richiesta
Al momento, non è possibile rendere dinamiche le finestre a comparsa collegandole alle raccolte del Gestore contenuti. Tuttavia, puoi collegare gli elementi allegati di una finestra a comparsa al contenuto della raccolta del Gestore contenuti per rendere gli elementi dinamici (ad esempio testo, immagini, tasti).  
Lavoriamo costantemente per aggiornare e migliorare i nostri prodotti, e il tuo feedback è molto apprezzato. Se questa è una funzionalità che vorresti vedere in futuro, clicca su Vota per questa funzionalità e ci assicureremo di tenerti aggiornato.

Soluzione alternativa

Usando Velo, puoi creare una finestra a comparsa che si apre da una pagina dinamica elemento e mostra lo stesso elemento mostrato nella pagina da cui è stata aperta la finestra a comparsa.

Ad esempio, se hai pagine dinamiche elemento che mostrano i servizi che offri, puoi collegare un tasto sulla pagina a una finestra a comparsa. Nella finestra a comparsa, puoi collegare elementi come testo, immagini e tasti a un dataset che si collega alla stessa raccolta. Di conseguenza, quando i visitatori cliccano sul tasto nella pagina dinamica elemento, si apre una finestra a comparsa con ulteriori informazioni sullo stesso elemento visualizzate nella pagina. 
Prima di iniziare:
Assicurati che il tuo sito abbia quanto segue: 
Editor Wix
Editor Studio
  1. Vai al tuo Editor
  2. Vai alla pagina dinamica elemento pertinente 
  3. Abilita la modalità Velo per sviluppatori: 
    1. Clicca su Avanzate nella parte superiore dell'Editor 
    2. Clicca su Attiva le modalità avanzate 
  4. Copia lo snippet di codice qui sotto e incollalo nella parte superiore del codice della pagina:
1import wixWindowFrontend from 'wix-window-frontend';
Screenshot dell'aggiunta di uno snippet di codice nella parte superiore del codice di una pagina dinamica elemento
  1. Copia lo snippet di codice qui sotto e incollalo dopo: $w.onReady(function () {
1$w('#openLightbox').onClick(async () => {
2        const item = await $w('#dynamicDataset').getCurrentItem();
3        const id = item._id;
4        wixWindowFrontend.openLightbox("Dynamic Lightbox", id);
5    })
6
Screenshot del secondo snippet di codice incollato nel codice della pagina dinamica elemento
  1. Nel codice di esempio che hai incollato, sostituisci gli ID elencati di seguito con quelli utilizzati dal tuo sito:
    • openLightbox: sostituiscilo con l'ID del tasto che apre la finestra a comparsa 
    • dynamic Dataset: sostituiscilo con l'ID del dataset della pagina dinamica elemento 
    • Dynamic Lightbox: sostituiscilo con il nome della finestra a comparsa 
Screenshot che mostra gli ID e il nome della finestra a comparsa che devono essere sostituiti nel codice
  1. Nell'Editor, vai alla finestra a comparsa 
  2. Aggiungi un dataset e collegalo alla stessa raccolta della pagina dinamica elemento:
    1. Clicca su Gestore contenuti  sul lato sinistro dell'Editor
    2. Clicca su Elementi di contenuto 
    3. Clicca su Dataset
    4. Clicca sul menu a tendina Scegli una Raccolta e seleziona la stessa raccolta che si collega alla pagina dinamica elemento 
    5. Clicca su Crea 
  3. Clicca sul campo Numero massimo di elementi mostrati nelle impostazioni del dataset e digita il numero 1
  4. Collega gli elementi nella tua finestra a comparsa (ad esempio testo, immagini, tasti) al dataset:
    1. Clicca sull'elemento pertinente nella finestra a comparsa 
    2. Clicca sull'icona Collega al Gestore contenuti
    3. Clicca sui menu a tendina sotto Collegamenti e seleziona i campi della raccolta o le azioni del dataset pertinenti 
    4. Ripeti questi passaggi per ogni elemento della finestra a comparsa che vuoi collegare 
  5. Copia lo snippet di codice qui sotto e incollalo nella parte superiore del codice della finestra a comparsa: 
1import wixWindowFrontend from 'wix-window-frontend';
2import wixData from 'wix-data';
Screenshot dello snippet di codice incollato nella parte superiore del codice della finestra a comparsa
  1. Copia lo snippet di codice qui sotto e incollalo dopo: $w.onReady(function () {
1const getData = async () => {
2       const id = await wixWindowFrontend.lightbox.getContext();
3       $w('#dataset1').setFilter(wixData.filter().eq('_id', id));
4}
5getData();
Screenshot dell'aggiunta dello snippet di codice nella parte superiore del codice della finestra a comparsa
  1. Nel codice di esempio incollato, sostituisci dataset1 con l'ID del dataset della finestra a comparsa
  2. Visualizza l'anteprima del tuo sito per testarne la funzionalità
  3. Quando è tutto pronto, pubblica il tuo sito