Oft und gerne eingesetzt, wie auch auf dieser Seite, werden die mit der typo3 Basisinstallation mitgelieferten 'Layer Menüs'.

Die verantwortlichen Dateien sind 'gmenu_layers.php' und 'tmenu_layers.php'. Die beiden Menüarten unterscheiden sich voneinander nur dadurch, dass einmal ein graphisches Menü generiert wird, und einmal ein textbasiertes Menü. Nähere Informationen zur Realisierung der verschiedenen Typo3 Menüs können Sie jedem Tutorial entnehmen.

In den neueren Versionen von typo3 (ab Version 3.8.0) sind die beiden Menüs auch ohne Änderungen Opera kompatibel. Dies war in den  Vorgängerversionen leider nicht der Fall, konnte allerdings durch eine kleine Änderunge in der 'jsfunc.layermenu.js' erreicht werden.

Einen Nachteil haben die beiden Menüarten jedoch noch in der aktuellen Version: Es wird eine ganze Menge 'Inline - JavaScript' produziert. Dies kann bei grösseren Menüstrukturen leider zu einem deutlichen Performance Verlust führen, da der Code im Seitenkopf, jedesmal wenn die Seite neu geladen wird, erneut mitgeladen werden muss. Ausserdem ist dieser Code im Kopfbereich auch Suchmaschinen unfreundlich.

Es gibt allerdings eine Möglichkeit dies zu umgehen, und zwar mit den beiden 'verbesserten' Dateien, die wir hier zum Download anbieten. In diesen beiden Dateien wurde eine kleine Änderung vorgenommen, damit nun für jeden 'Layer' eine eigenen JavaScript Datei in den temporären Cache von typo3 geschrieben wird. Diese Dateien sind auch auf dieser Seite im Einsatz, und auch auf allen anderen typo3 - Seiten, die von Riccabona eSolutions mit Layer Menüs realisiert wurden.

Die Integration ist denkbar einfach! Entweder man überschreibt die bestehenden Dateien in der eigenen typo3 Version, was allerdings bei updates zu Verwirrung führen kann, da die Änderungen dann erneut übernommen werden müssten, oder man geht den besseren Weg und speichert die Dateien im fileadmin Verzeichnis ab, und bindet statt der mitglieferten Dateien nun die neuen Dateien im Typoscript ein:

page = PAGE
page.typeNum = 0
page.includeLibs.gmenu_layers = fileadmin/scripts/ric_gmenu_layers.php
page.includeLibs.tmenu_layers = fileadmin/scripts/ric_tmenu_layers.php

 

Allerdings muss folgendes beachtet werden:

    1=GMENU_LAYERS

    1 {

      ...

      layer_menu_id = topnav1

      imgNameNotRandom = 1

      imgNamePrefix = nav1

      ...

    }

Wobei der imgNamePrefix und die layer_menu_id frei und für JEDE einzelne Menüebene separat zu wählen sind!!!

Viel Erfolg!