tt_news CATMENU stylen

tt_news CATMENU stylen

Das CATMENU von tt_news ist eine gute Möglichkeit, sich alle Kategorien von tt_news in einem Menü anzeigen zu lassen. Anders als andere Darstellungsformen des tt_news Plugins lässt sich bei der TYPo3 Extension tt_news das CATMENU nicht per Template stylen. Der Grund dafür ist ebenso einfach wie simpel: das Kategoriemenü CATMENU von tt_news wird vollständig per TypoScript über wraps und ähnliches gestylt.

Das Styling des tt_news Kategoriemenüs plugin.tt_news.displayCatMenu statt.

Bevor man ans Styling des CATMENU geht sollte man erst noch die richtige pid für das CATMENU einstellen, damit die Links des CATMENU auf die richtige Seite verweisen:

plugin.tt_news.catSelectorTargetPid = 1

Folgende Einstellungen fand ich sinnvoll:

Das CATMENU von tt_news komplett wrappen

Das CATMENU von tt_news wrappen ist häufig sinnvoll, zum Beispiel um das Kategoriemenü per CSS zu stylen oder um es als eine Liste darzustellen. Dies geschieht über die Einstellung von catmenu_stdWrap.

Beispiel für das wrappen des CATMENU von tt_news in TYPO3 (TypoScript ins Setup):

plugin.tt_news.displayCatMenu.catmenu_stdWrap.wrap = <ul>|</ul>

Den Header des CATMENU, "Select a category" ausblenden / entfernen

Häufig möchte man das CATMENU als reines Menü der Kategorien aus TYPO3 nutzen. Da kann es sinnvoll sein, den Header mit Link auf die Artikelseite auszublenden.

So kann man den Header des CATMENU entfernen:

#den CATMENU HEader mit leerem TEXT-Object überschreiben
plugin.tt_news.displayCatMenu. catmenuHeader_stdWrap.cObject = TEXT

Den Text im Header ändern

Möchte man den Header der tt_news Kategorienanzeige doch verwenden, so kann man den TEXT - auch lokalisiert für verschiedene Sprachversionen - ändern. Achtung! dies geschieht außerhalb von displayCatMenu!

plugin.tt_news. _LOCAL_LANG.default.catmenuHeader = alle Kategorien

Die Menüpunkte der Kategorien im tt_news Menü einzeln wrappen

Es ist auch möglich, die Menüpunkte des CATMENU einzeln zu wrappen und zwar abhängig davon, ob die Kategorie grade aktivist oder nicht:

Beispiel für das wrappen der Menüpunkte des CATMENU:

plugin.tt_news.displayCatMenu{
    catmenuItem_NO_stdWrap.wrap = <li>|</li>
    catmenuItem_ACT_stdWrap.wrap = <li class="act">|</li>
}

Das Bild / Symbol vor den Kategorien im CATMENU ändern oder löschen

Es ist möglich, das automatisch erscheinende Bild vor den einzelnen CATMENU Menüeinträgen zu ändern, zu entfernen, in der Größe anzupassen oder zu entfernen:

plugin.tt_news.displayCatMenu{
  catmenuIconMode = 2 # 0= Standartbild; 1= Bild aus Record; 2=Pfeilsymbol; -1=kein Bild
  catmenuIconFile {
     width = 100
     height = 65
  }
}

Viel Spass beim Konfigurieren des CATMENU von tt_news. Die Möglichkeiten sind vielfältig.