U ovom tekstu videćete kako da ga napravite Off-Canvas meni sa Elementorom koristeći već ugrađene iskačuće funkcije.
Prva stvar koju treba da uradite je da u kontrolnoj tabli vaše stranice ispod sekcije Predlošci klikneš na opciju Pop ups i onda dalje Dodaj novi. Kada to učinite, odaberite vrstu šablona Iskočiti, imenujte ga kako želite i kliknite na Kreiraj predložak.
Kada to učinite, možete odabrati unaprijed napravljene predloške iz biblioteke i jednostavno ih modificirati ili kreirati vlastiti predložak. U ovom primjeru napravit ćemo svoje. Ispod sekcije Layout, možemo podesiti širinu i visinu našeg popup-a, zatim poziciju na kojoj će se nalaziti, da li će sadržaj stranice biti vidljiv kada otvorimo off-canvas meni, da li ćemo imati dugme za isključivanje menija ili ne, kao i animacija iskačućeg prozora.
Ispod sekcije Stil, stiliziramo iskačući prozor, da li će imati sliku pozadine, boju, da li će imati ivice i šta će biti, sjenu iskačućeg prozora, zatim dugme za zatvaranje menija može se stilizirati, kakva će biti njegova pozicija , koje boje će biti i Slično.
Kada to uradimo, možemo početi da pravimo meni van platna dodavanjem elemenata. Dodali smo sliku, koja će biti logo stranice i stilizirali je, zatim ćemo dodati meni za navigaciju koji ćemo postaviti da bude okomit, da nema kursora kada se miš kreće preko opcija menija, kao i da li u responsive verziji meni će imati dugme za hamburger ili ne. Stiliziranjem menija ispod odjeljka Stil, možemo odrediti veličinu menija, veličinu opcija menija i font, razmak i granice, poziciju i slično. Nakon toga možemo dodati ikone društvenih mreža i stilizirati ih tako da se lijepo uklapaju s ostatkom skočnog prozora, mijenjajući veličinu, boju, razmak, centriranje.
Nakon što smo to uradili, potrebno je kliknuti na dugme Objavi a onda samo treba da kliknete na dugme Sačuvaj&Zatvori. Nakon toga ćemo otići na stranicu i na vrhu početne stranice stranice kliknuti ispod polja Uredite pomoću Elementora na opciju Main Header, u okviru kojeg ćemo dodatno postaviti naš off-canvas meni. Unutar Sadržaj sekciju koju ćemo izabrati ispod opcije Veza klikom na Dynamic biti Iskočiti, onda ćemo izabrati da budemo Otvorite iskačući prozor i odaberite naš kreirani predložak.
Nakon postavljanja svega ovoga, naš off-canvas meni je kreiran i spreman za korištenje na stranici. Na slici ispod možete vidjeti kako izgleda gotov popup u ovom primjeru.
Izvor: youtube
