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.
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:
- Una finestra a comparsa
- Una pagina dinamica elemento con un tasto che si collega alla finestra a comparsa
- Campi della raccolta per il contenuto che apparirà negli elementi della finestra a comparsa
Editor Wix
Editor Studio
- Vai al tuo Editor
- Vai alla pagina dinamica elemento pertinente
- Abilita la modalità Velo per sviluppatori:
- Clicca su Avanzate nella parte superiore dell'Editor
- Clicca su Attiva le modalità avanzate
- 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](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/02/26/43e36940-90a7-456e-9bdb-a1a28aeafe46/3c14f1ee-73a9-4511-ae39-2da32bb7a697.png)
- 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 })
![Screenshot del secondo snippet di codice incollato nel codice della pagina dinamica elemento](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/02/26/baa71c33-2bb5-4b6a-9690-4d612b35bc0b/a3fe6cd8-e912-4430-a8b4-c62fa33dcf07.png)
- 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](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/02/26/fdb65ab7-6ff3-4f63-905e-823b84e1fa32/da8227db-74d9-4688-8e8b-ec526a493722.png)
- Nell'Editor, vai alla finestra a comparsa
- Aggiungi un dataset e collegalo alla stessa raccolta della pagina dinamica elemento:
- Clicca su Gestore contenuti
sul lato sinistro dell'Editor
- Clicca su Elementi di contenuto
- Clicca su Dataset
- Clicca sul menu a tendina Scegli una Raccolta e seleziona la stessa raccolta che si collega alla pagina dinamica elemento
- Clicca su Crea
- Clicca su Gestore contenuti
- Clicca sul campo Elementi per caricamento nelle impostazioni del dataset e digita il numero 1
- Collega gli elementi nella tua finestra a comparsa (ad esempio testo, immagini, tasti) al dataset:
- Clicca sull'elemento pertinente nella finestra a comparsa
- Clicca sull'icona Collega al Gestore contenuti
- Clicca sui menu a tendina sotto Collegamenti e seleziona i campi della raccolta o le azioni del dataset pertinenti
- Ripeti questi passaggi per ogni elemento della finestra a comparsa che vuoi collegare
- 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](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/02/26/7b77ff94-f5af-4681-a759-7bb6a5b003cb/446cb13e-355a-4776-82d5-f9eebbe4f2fc.png)
- 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](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/02/26/b26421b6-7cae-4816-aca6-6dfef9c672eb/0834cfac-a7a9-491a-ac34-423c61044204.png)
- Nel codice di esempio incollato, sostituisci dataset1 con l'ID del dataset della finestra a comparsa
- Visualizza l'anteprima del tuo sito per testarne la funzionalità
- Quando è tutto pronto, pubblica il tuo sito