Componente Popup

TEXT
Popup modale in pagina

Il Popup Modale serve per mostrare informazioni aggiuntive.

Come funziona?
Per inserire un popup modale, sono necessari due passaggi: creare l'experience fragment contenente il pop-up (1) e inserirlo (2).

(1)

Creare l'experience inserendo il popup modale e configurarlo.  
Selezionare l'intero componente e, tramite l'icona del pennellino, scegliere la versione white o dark. 

Il popup modale include una tab configurabile cliccando su di essa e poi sull'icona della chiave inglese.
Da qui è possibile:  
- impostare il titolo e il numero di item (aggiungere nuovi item tramite Add+ Container).  
- scegliere lo stile (light mode, dark mode, line tabs).  
- configurare il colore della tab, scegliendo tra le opzioni dark o white.

(2)

Il popup si può inserire in un button o in un text.

BUTTON
Cliccare sul pulsante, selezionare l'icona della chiave inglese e compilare i seguenti campi: text (il testo che verrà visualizzato all'interno del pulsante) e URL (il percorso dell'experience eragment contenente il pop-up desiderato).
Per fare in modo che il collegamento si apra come pop-up, abilitare l'opzione Open as Popup.

TEXT
Per fare in modo che il pop-up si apra nella stessa pagina da un testo, è necessario modificare il codice HTML. Dopo aver seguito il procedimento descritto in precedenza, cliccare su Toggle Fullscreen e aggiungere all'elemento `<a> la classe:
class="js-external-popup-open"

Per far si che il popup si visualizzi correttamente online bisogna pubblicare sia l'experience fragment che la pagina.