È il blocco principale del popup. Questo blocco determina tutti gli aspetti principali del popup.
Nei controlli del blocco troviamo le impostazioni che ci permettono di gestirne la disposizione sulla pagina, l’ombreggiatura, il bordo, le regole di visualizzazione e cambiare template.
Impostazioni
Dal pannello di impostazioni puoi scegliere i trigger di apertura e chiusura e i comportamenti del popup.
Dal pannello degli stili puoi scegliere lo stile del popup. Puoi ad esempio cambiare il tipo di popup per visualizzare uno sticky bar in alto oppure un pannello off-canvas.
Disabilitare lo scroll
Tra le impostazioni avanzate c’è una spunta per disabilitare lo scroll della pagina quando il popup viene mostrato sulla pagina.
Pannello degli stili
Nel pannello degli stili puoi cambiare il tipo di popup.
Colori
Per quanto riguarda i colori, ci sono due opzioni: background e overlay.
Il colore di overlay è il colore che viene impostato solo per il popup centrato (lightbox). Se imposti un colore di overlay e cambi il tipo di popup ad esempio posizionandolo in basso a destra, questa impostazione non avrà alcun effetto.
Per quanto riguarda il colore di sfondo, questo dovrebbe essere usato solo per i popup a pagina intera. Per tutti gli altri tipi di popup è sempre meglio impostare il colore di background sul blocco corpo del popup.
Padding
Di default il blocco popup ha un padding di 10px. Con i controlli nativi di Gutenberg puoi impostare i margini del contenitore principale come meglio credi.
Bordi e ombre
Il blocco popup ha dei preset per i bordi. Ma puoi comunque applicare dei bordi personalizzati. Una cosa cui prestare attenzione quando aumenti imposti i bordi è che potresti trovarti nella situazione in cui il bottone di chiusura esce fuori dai bordi e non viene visualizzato.
Questo può capitare se imposti la posizione del bottone all’esterno.
In questo caso puoi scegliere se posizionare il bottone all’interno oppure lasciarlo all’esterno, ma impostare i bordi sul blocco popup/body.
Stesso discorso per le ombreggiature. Nel caso il tuo tema non supporti le ombre puoi usare uno dei presets.
Animazioni e suoni
In questa sezione puoi impostare le animazioni e i suoni.
I suoni possono essere bloccati dal browser nel caso non venga rilevata attività dell’utente.
Le animazioni off-canvas sono fisse e non possono essere modificate. Al momento non ci sono animazioni di chiusura.