elimu blog - o CMS Joomla! i Drupal » menu

Jak dodać (zrobić) rozwijane menu do szablonu Joomla?

Paweł Frankowski — Sat, 04 Feb 2012 13:56:32 +0000

Wbrew pozorom jest to bardzo proste. To pytanie pojawia się dosyć często i to nie tylko podczas prywatnych zapytań, ale także w przypadku firm, którym ktoś kiedyś zaprojektował szablon i …. nie uwzględnił tak prozaicznego elementu jak możliwość utworzenia rozwijanego menu.

Oczywiście na ogół nikt nie ma czasu na pisanie kodu modułu, który rozbuduje możliwości zwykłego menu. W takich wypadkach należy po prostu sięgnąć po gotowce, czyli moduły którymi będzie można zastąpić standardowe menu (na ogół górne) tym nowym wzbogaconym o nową możliwość.

Z darmowych gotowych rozwiązań rozwijanych menu dla Joomal 1.5, 1.6/1.7 (oraz 2.5) mogę polecić następujące :

RokNavMenu – sprawdzone rozwiązanie, oferuje również dodawanie własnych parametrów lub opcji do poszczególnych elementów menu.
IceMegaMenu – moim zdaniem ma większe możliwości ponieważ umożliwia również osadzanie modułów w ramach pozycji menu.
Maxi Menu CK – rozbudowane menu, kompatybilne z przeglądarkami w iPhone, iPad i Android. Jego możliwości doskonale obrazuje menu górne strony Joomla.org.
DJ-Menu – dosyć proste menu suckerfish z wykorzystaniem efektów z biblioteki mootools.

RokNavMenu - domyślny wygląd modułu dla Joomla

Rozbudowane możliwości oferuje moduł Maxi Menu CK

Problemem pojawi się wtedy, kiedy domyślny wygląd nowego modułu menu odbiega od tego co klient miał wcześniej. Wtedy wykorzystamy fragment zaoszczędzonego czasu na dopasowaniu rozszerzenia. Czyli na ogół chodzi, aby nowe style CSS wyglądały jak stare, a przy okazji można poprawić to i owo, jeśli pierwotne rozwiązanie szwankowało wizualnie. Skorzystaj np. z Firebuga, aby podejrzeć wykorzystane oryginalnie style CSS.

Proszę pamiętać, także o tym, że używanie menu we flashu jest niedopuszczalne z uwagi na brak dostępności ich na urządzeniach z nagryzionym jabłkiem (taka polityka ów firm). Po drugie czasami szablon „stary” był tak zrobiony, że potrzebna będzie ingerencja w kod index.php, aby dodać nową pozycje menu. Na szczęście to skrajne przypadki.

K2 + moduł menu z efektem popup

Paweł Frankowski — Wed, 22 Jun 2011 07:32:26 +0000

Pewnie nie raz głowiłeś się, jak dodać do modułu menu pozycje, która będzie otwierała się w oknie popup – mi się udało. Oczywiście metod może być kilka, ale wybrałem najłatwiejsze rozwiązanie. Efekt, który chciałem osiągnąć polegał na tym, że do menu bocznego dodałem dwa odnośniki z K2: Dodaj artykuł i Moderuj komentarze. Ponieważ domyślnie otwierają się one w oknie popup, chciałem uzyskać podobny efekt po kliknięciu na pozycje menu.

Potrzebujesz, oczywiście, mieć gotowe menu z linkami.
Następnie po jego opublikowaniu kopiujesz zawartość kodu źródłowego na ogół wystarcza od
Tworzysz pusty moduł (custom)
W trybie źródła wklejasz skopiowany kod + dodajesz styl CSS, który był nadany dla modułu menu, aby wyglądał identycznie
Następnie do tych pozycji, które mają sie otworzyć w oknie popup dodajesz następujący kod – do znacznika :

target="_blank" class="modal" rel="{handler:'iframe',size:{x:990,y:650}}"

Uwaga, jeśli dana pozycja w class-ie miała już coś wcześniej zostaw to, ale przed dopisz modal + spacja rozdzielająca.

Opublikuj moduł custom, a zdejmij z publikacji pierwotny moduł menu. Powinno zadziałać , gdyby jednak nie sprawdź czy edytor nie wyciął ci twojego kodu.

Menu z artykułów z wybranej kategorii

Paweł Frankowski — Tue, 22 Feb 2011 14:20:42 +0000

Do czasu ukazania się modułu Categorie Menu (hennweb.de) – aby twoje dodatkowe menu wyświetlało zawartość wybranej kategorii musiałeś ręcznie przypisać każdą z pozycji. Teraz wystarczy wybrać jedną (a wkrótce, wraz z nową wersją nawet kilka) kategorii, aby menu samo (automatycznie) się zapełniło. Moduł jest darmowy, działa zarówno pod Joomla! 1.5, jak i Joomla! 1.6. Polecam, ale przestrzegam, że 50 i więcej pozycji menu nie przetrawi chyba nikt, także korzystajcie z rozszerzenia z umiarem.