Javascript / jQuery alkalmazása Elementorhoz - Countdown Widget kiegészítések
#ElementorPro #Countdown #ActionsAfterExpire #jquery
Ebben a videóban a Coutndown - visszaszámláló widget-et egészítjük ki jQuery segítségével, hogy további lehetőségeink legyenek, amikor az időzítő lejár.
A példában főként egy Pricing Table (szintén default elementor widget) elemeit fogjuk módosítani (szöveg, gomb link, css, class hozzáadás, elem elrejtések). Megbeszéljük, hogy mi a különbség, a hide, remove, empty között, és megemlítjük a detach funkciót is.
Extraként megnézzük, hogyan tudjuk a pricing table pénznem szimbólumot eltüntetni, ha az ár helyett szöveget kívánunk megadni miközben bevan kapcsolva a leértékelés, ahol viszont csak számot lehet beállítani.
Css kódok:
https://www.codepile.net/pile/oKg2oXDl
Jquery kódok:
https://www.codepile.net/pile/14Be3L8x
A technika / kód hosszabb leírás formában, oldalunkon is elérhető lesz
// coming soon
(Kötelező bővítmény: Elementor pro)
Használt bővítmények:
https://elementor.com/
Hasznos linkek:
▶ jQuery dokumentáció
https://api.jquery.com/
▶Shape generator
https://www.shapedivider.app/
▶Clip path generátor
https://bennettfeely.com/clippy/
▶CSS keyframes animációk
https://animista.net/
▶ Material színpaletta
https://www.materialui.co/colors
▶ Töréspontokhoz kijelzőméretek
https://screensiz.es/
▶ Gradient (Átmenet) készítő
https://cssgradient.io/
▶ CSS böngészőtámogatás ellenőrzése
https://caniuse.com