Opće smjernice izbornika
Kako kreirati novi izbornik :
Idemo na Izgled> Izbornici.
Kliknite na Kreiraj novi izbornik, dajte izborniku ime.
Lijevo su dostupne stavke izbornika koje se mogu dodati na zaslon, provjerite stavke koje želite dodati i kliknite na gumb Dodaj u izbornik.
Stavke su sada dodane u izbornik, zatim možete sortirati i položiti stavke izbornika u razinama povlačenjem i ispuštanjem.
Kliknite na izbornik Spremi.
Nakon što ste spremili izbornik, spojite izbornik na bilo koje od dostupnih lokacija izbornika Electro Nav.
Electro ima deset lokacija navigacijskog izbornika. One su :
Off Canvas menu
Top Bar Left
Top Bar Right
Primary Nav
Navbar Primary
Secondary nav
Departments Menu
All Departments Menu
Blog menu
Mobile Handheld Department
Omogućavanje polja CSS klasa, blokiranja statičkog sadržaja i izbornika kategorije proizvoda
Prema zadanim postavkama, polja CSS Klase, stavke statičkog sadržaja i kategorije proizvoda možda neće biti dostupne. Morat ćete omogućiti ovu opciju. Da biste ih omogućili, kliknite na Opcije zaslona na gornjem desnom dijelu zaslona Izgled> Izbornici. U padajućem izborniku koji se pojavi provjerite CSS klase u svojstvima izbornika Prikaži napredne. Provjerite također i Statične blokove i Kategorije proizvoda u svojstvima. Objasnili smo to na slici ispod.
Dodajte ikone stavkama izbornika
Izgled
Postavke
Idemo na Izgled> Izbornici.
Kliknite na oznaku u gornjem desnom dijelu stavke izbornika koja sadrži podgrupu megamenu da biste je proširili.
U tekstni okvir Icon Class unesite naziv ikone kako želite. Kao npr: ec-map-pointer.
Kliknemo na Spremi Izbornik.
Da biste stavku izbornika obojali u crvenu boju:
Izgled
Postavke
Idemo nazad na: Izgled> Izbornici.
Kliknite na oznaku u gornjem desnom dijelu stavke izbornika koja sadrži podgrupu megamenu da biste je proširili.
U tekstni okvir CSS Classes unesite oznaku. To će učiniti crvenu boju stavke izbornika u sekundarnom izborniku.
Ako polje CSS Classes nije vidljivo. Kliknite na Screen Options (Opcije zaslona) u gornjem desnom kutu zaslona i provjerite CSS Classess (Prikaži CSS klasu) u odjeljku Show advanced properties (Prikaži napredna svojstva izbornika).
Kliknemo na Spremi Izbornik.
Izgled
Postavke
Idemo na Izgled> Izbornici.
Kliknite na oznaku u gornjem desnom dijelu stavke izbornika koja sadrži podgrupu megamenu da biste je proširili.
U tekstni okvir CSS Classes unesite oznaku. To će učiniti stavku izbornika podebljanom.
Ako polje CSS Classes nije vidljivo. Kliknite na Screen Options (Opcije zaslona) u gornjem desnom kutu zaslona i provjerite CSS Classess (Prikaži CSS klasu) u odjeljku Show advanced properties (Prikaži napredna svojstva izbornika).
Kliknemo na Spremi Izbornik.
Podijelite stavku izbornika na desnoj strani
Izgled
Postavke
Idemo na Izgled> Izbornici.
Kliknite na oznaku u gornjem desnom dijelu stavke izbornika koja sadrži podgrupu megamenu da biste je proširili.
U tekstni okvir CSS Classes unesite pull-right. Time će stavka izbornika plutati na desnoj strani.
Ako polje CSS Classes nije vidljivo. Kliknite na Screen Options (Opcije zaslona) u gornjem desnom kutu zaslona i provjerite CSS Classess (Prikaži CSS klasu) u odjeljku Show advanced properties (Prikaži napredna svojstva izbornika).
Kliknemo na Spremi Izbornik.
Izrada padajućeg izbornika megamenu u punoj širini
Izgled
Postavke
Megamenu sada izgleda napredno i uredno. Što ako želimo da megamenu bude puna širina? Lako je.
Idemo na Izgled> Izbornici.
Kliknite na oznaku u gornjem desnom dijelu stavke izbornika koja sadrži podgrupu megamenu da biste je proširili.
U tekstni okvir CSS Classes unesite yamm-fw. Time će se megamenu proširiti na punu širinu.
Ako polje CSS Classes nije vidljivo. Kliknite na Screen Options (Opcije zaslona) u gornjem desnom kutu zaslona i provjerite CSS Classess (Prikaži CSS klasu) u odjeljku Show advanced properties (Prikaži napredna svojstva izbornika).
Kliknemo na Spremi Izbornik.
Izgled
Postavke
Idemo na Izgled> Izbornici.
Kliknite na oznaku u gornjem desnom dijelu stavke izbornika koja sadrži podgrupu megamenu da biste je proširili.
U tekstni okvir CSS Classes unesite yamm-tfw.
Time će se megamenu proširiti na 3/4 širine zaslona.
Ako polje CSS Classes nije vidljivo. Kliknite na Screen Options (Opcije zaslona) u gornjem desnom kutu zaslona i provjerite CSS Classess (Prikaži CSS klasu) u odjeljku Show advanced properties (Prikaži napredna svojstva izbornika).
Kliknemo na Spremi Izbornik.
Idemo na Izgled> Izbornici.
Kliknite na oznaku u gornjem desnom dijelu stavke izbornika koja sadrži podgrupu megamenu da biste je proširili.
U tekstni okvir CSS Classes unesite yamm-hw.
Time će se megamenu proširiti na pola širine zaslona.
Ako polje CSS Classes nije vidljivo. Kliknite na Screen Options (Opcije zaslona) u gornjem desnom kutu zaslona i provjerite CSS Classess (Prikaži CSS klasu) u odjeljku Show advanced properties (Prikaži napredna svojstva izbornika).
Kliknemo na Spremi Izbornik.
Dodavanje naziva klase za jednu sliku koja se proteže izvan područja sadržaja u vertikalnom izborniku
Izgled
Postavke
Idemo na Statični sadržaj > Dodaj novi.
Dajte naslov, recimo "Mobiles & Tablets Megamenu Stavka". Naslov se ne koristi za prikazivanje izbornika.
Kliknite na Backend Editor. Prikazat će se Visual Composer Backend Editor. Mi ćemo koristiti ovaj uređivač za izgradnju naših Megamenu stavki.
Mobiles & Tablets Megamenu Stavka ima 2 reda.
Prvi red ima postavku za jednu sliku. Ovo je snimka zaslona za postavku jedne slike.
6.U postavkama bloka za jednu sliku dodajte naziv klase bg-yamm-content u opciju Extra Class Name. Evo snimke zaslona za svoju referencu
7.U postavci pojedinačne slike prenesite sliku i ne zaboravite dodati naziv klase bg-yamm-extend-outside u opciji Extra Class Name Option koja čini sliku koja se proteže izvan spremnika izbornika. Evo snimka zaslona za referencu
