Hier gibt es ein fertiges PopUp zum Download
Dieses PopUp ist mit Divi Modulen erstellt und kann so wie gewohnt gestaltet werden.
Vorgehensweise
Der Download kommt als Zip-Datei. Diese entpacken, dann hat man die json-Datei.
Diese json-Datei in die Bibliothek von Divi hochladen.
Auf der Seite, auf der man das PopUp installieren möchte, wählt man eine neue Section und dann aus der Bibliothek hinzufügen.
Jetzt kann man das PopUp in gewohnter Weise gestalten.
Bedenke!
Wenn Du die PopUp-Section auf Deiner Seite installiert hast ist sie im Visual-Builder nur in der „Gitter-Ansicht“
zu sehen. Sonst wäre es ja kein PopUp
Trotzdem gibt es einiges zu beachten, damit das PopUp zuverlässig funktioniert.
In den Labels der einzelnem Module ist alles beschrieben, was zu beachten ist.
Folgendes kann man in der „Row“ Gestalten:
Es kann vorkommen, dass, wenn das Menu sehr weit nach unten ragt, das PopUp unter dem Menu verschwindet. Das lässt sich am besten im css beheben.
Dazu einfach in Zeile Einstellungen – Erweitert – Benutzerdefiniertes CSS – Hauptelement gehen.
Hier top eingeben, und einen Pixelwert bis es passt.
Die Breite und die Höhe des PopUps einstellen
Hier einfach wie gewohnt Anpassungen vornehmen.
Falls das PopUp die Höhe des Browserfensters übersteigt ist es standardmäßig scrollbar.
