Kerestem egy egyszerű popup megoldást, ami csak css, nem kell hozzá semmi JS. Természetesen, így nem lehet cookie-khoz rendelni, de néha csak egy kis infóablak kell.
Prakash anyagai között találtam egy letisztult, egyszerűt. Szépsége, hogy csak css kell hozzá, oldalon belüli ugrással, és az ehhez tartozó :target formázással működik. Ezt másoltam át ide.
Ami viszont Divi alatt sajnos nem működik. Ebben a rendszerben saját js kód elkerülhetetlen, mert a :target nem használható (az oldalon belüli azonosítókhoz finomgörgetés visz át).
Ezért aztán egy frappáns mozdulattal érdemes telepíteni a Popups for Divi kiegészítőt, ami megoldja a legtöbb feladatot. A weboldalukon mintaanyag is található, hogyan lehet megszólítani JS-ből, és ezt hogy lehet beágyazni.
Ezen az oldalon a következő popup ablakok szerepelnek:
- Egy popup erre a linkre kattintva jelenik meg
- Egy popup megnyílik a lap teljes betöltése után 5 másodperccel
- Egy popup egy sütit tárol el, két nap elévüléssel, és csak akkor jelenik meg, ha ez a süti nincs jelen
Később még más megoldásokat is megnézek.
Infósor a sütiről.
Én egy egyszerű popup vagyok, kattintásra nyílok.
Az oldal betöltése után 5 másodperccel nyílok.