Drupal Nice Menus i Superfish. Opis i poređenje modula za padajuće menije.
Moduli Nice Menus i Superfish omogućavaju kreiranje padajućih menija, vertikalnih i horizontalnih. Trebalo bi da izaberete jedan od modula i koristite ga. Oba modula su popularna i imaju veliki broj dodatnih modula.
Moduli Nice Menus i Superfish koriste istu jquery Superfish biblioteku:
https://www.drupal.org/project/nice_menus
https://www.drupal.org/project/superfish
https://github.com/mehrpadin/Superfish-for-Drupal
Počnimo sa Nice Menus.
Nice Menus
Meni sa Nice Menus se kreira automatski nakon uključivanja modula. Uključite modul. Nema dodatnih radnji, biblioteka je već u modulu, zaista, nice meni)
Sada idemo na podešavanje blokova, tamo će biti nekoliko Nice Menus blokova, izaberemo prvi:
Ovde biramo koji meni treba prikazati i na koji način. Trenutno imam samo meni Management sa ugnježdenjem, koji mogu prikazati kao padajući.
Obratite pažnju na podešavanje Respect "show as expanded" option, koje omogućava da se svi stavke menija prošire (po defaultu). Ovo je potrebno da uvek budu vidljive ugnježdene stavke menija, a ne samo kada smo odabrali roditeljsku stavku menija.
Može se podesiti i da meni iskače dole, za to treba izabrati orijentaciju Down:
I sada će meni padati naniže:
Podešavanja Nice Menus nisu previše opširna:
/admin/config/user-interface/nice_menus
Ovde možemo podesiti samo brzinu otvaranja i kašnjenje, meni se sviđa kad se brzo otvara, zato obično podešavam ovako:
Eto, imate padajući meni. Nice Menus je brzo i sa minimalnim naporom.
Drupal Superfish
Superfish modul zahteva malo više vremena za instalaciju, ali se isplati, jer ćemo imati mogućnost fleksibilnijeg podešavanja izgleda i rada menija.
Potrebna nam je superfish biblioteka za Drupal, tačno verzija za Drupal. O tome je napisano u opisu modula:
https://github.com/mehrpadin/Superfish-for-Drupal
Ako nemate instaliran modul Libraries API, treba ga instalirati:
https://www.drupal.org/project/libraries
Preuzeo sam verziju 1.0 za trenutnu verziju modula. Kopiramo biblioteku u folder sites/all/libraries/superfish:
Takođe treba instalirati modul jQuery Update:
https://www.drupal.org/project/jquery_update
U podešavanjima jQuery Update preporučujem da podesite verziju 1.7 za frontend, a 1.5 za administrativni deo (da Views ne pravi probleme):
/admin/config/development/jquery_update
Sada možemo uključiti Superfish modul. Idemo u izveštaj o stanju i proveravamo da li se superfish povezao.
/admin/reports/status
Sada idemo u blokove i uključujemo jedan od superfish blokova:
/admin/structure/block
Ovde imamo mnogo više podešavanja, pa ćemo ih razmotriti korak po korak:
Na ovoj strani možemo izabrati koji meni da se prikaže <Management>, gde će padajući meni biti (Horizontalno, odnosno levo ili desno), stil menija Blue i brzinu padajućeg menija i kašnjenje (ja sam podesio da bude brže).
Ovo su standardna podešavanja, jedino što nemam instaliran jquery.easing, koji se može dodatno instalirati, ali neću jer Superfish radi savršeno i bez njega.
Izaberite region i možete videti kako će izgledati. Ostala podešavanja ćemo razmotriti kasnije:
Meni kod mene radi odlično, ako vam nešto ne funkcioniše, pišite u komentarima.
Sada prelazimo na prednosti Superfish-a, posebno njegovu prilagodljivost različitim uređajima. Na primer, na telefonima će meni izgledati kao običan selekt, što olakšava izbor stavki na telefonu.
Ovo će raditi i na uređajima sa touch screen-om, kako mobilna verzija menija, tako i obična. Za to postoje podešavanja u dodatnim plugin-ovima, ali su po defaultu dobro podešena i nije potrebno ništa menjati:
Dakle, Superfish je jasno funkcionalno jači od Nice Menus, ali Nice Menus je jednostavniji i brži za instalaciju i podešavanje. Ako ste se ipak odlučili za Nice Menus, pomoći će vam dodatni moduli za podešavanje prilagodljivosti menija:
https://www.drupal.org/project/responsive_menus
https://www.drupal.org/project/mobile_navigation