TypoScript: Flexibles CATMENU mit News-Counter für tt_news

• Bislang ist es unmöglich (?!?), ohne Eingriff in den Quellcode der tt_news-Extension, die Anzahl der News, die eine Kategorie beinhaltet, dem Websiten-Besucher anzuzeigen
• Wraps sind viel zu wenig implementiert, wodurch z. B. eine Listenansicht mit eingebetteten Unterlisten nicht HTML-konform erstellbar ist.

Um in den vollen Genuss der TYPO3-Wraps und Co. zu kommen, kann ich nur empfehlen, sich das Kategorien-Menü selbst zu generieren. Hierzu habe ein Typoscript-Snippet zusammengebastelt, mit welchem man sich selbst das CATMENU generieren lassen kann und als besonderes Feature, zu jeder Kategorie die Anzahl der dort hinterlegten News angezeigt werden.

Übrigens: wer bereits die neue Alternativ-Extension tx_news verwendet, für den habe ich das TypoScript-Snippet in einer angepassten tx_news-Version mit Counter bereitgestellt. 

Ich habe bewusst zu fast jeder Code-Zeile einen Kommentar verfasst, so dass auch TYPO3-Anfänger wenig Probleme haben sollten, die Zusammenhänge zu verstehen.

# zu erst der Marker fuer das neue Kat-Menu
lib.catList = COA
lib.catList {
  # hole alle Hauptkategorien
  10 = CONTENT
  10 {
    # wrappe die gesamte Liste als "unsortierte Liste"
    wrap = <ul class="news-catmenu">|</ul>
    table = tt_news_cat
    select {
      # hier muss die pid eures News-Sysordners rein, bzw. wo die News-Kategorien gespeichert sind
      pidInList = 3
      orderBy = title
      where = parent_category=0 AND deleted=0 AND hidden=0
    }
    renderObj = COA
    renderObj {
      # wrappe jede gefundene Hauptkategorie als Listenelement
      wrap = <li>|</li>
      # ueberschreibe den vorherigen Wrap ...
      wrap.override = <li class="news-catmenu-ACT">|</li>
      # ... nur, wenn ...
      wrap.override.if {
        # ... eine News-Kategorie bereits ausgewaehlt wurde und per GET/POST ermittelt werden kann
        value.data = GPvar:tx_ttnews|cat
        # und dieser ermittelte Wert der aktuellen uid gleicht
        equals.field = uid        
      }
      # zeig mir den Kategorie-Titel und mache einen Link daraus zur Kategorie-Detail-Uebersicht
      10 = TEXT
      10 {
        # das title-Feld soll als Text angezeigt werden (koennte man auch description... verwenden)
        field = title
        typolink {
          # verlinke zu der Seite mit der News-Auflistung (Listenansicht)
          parameter = 34
          title.field = title
          # fuege den GET-Parameter fuer die ausgewaehlte Kategorie hinzu
          additionalParams.dataWrap = &tx_ttnews[cat]={field:uid}
          # cHash mit uebergeben fuers Caching - Danke an ScubaBen fuer den Hinweis!
          useCacheHash = 1
        }
      }
      # zeig mir einen Counter aller News-Eintraege in dieser Kategorie
      20 = CONTENT
      20 {
        table = tt_news_cat
        select {
          # hier wieder der Sysordner aller News-Eintraege und -Kategorien
          pidInList = 3
          join (
            tt_news_cat_mm ON (tt_news_cat.uid = tt_news_cat_mm.uid_foreign) 
              JOIN tt_news ON (tt_news.uid = tt_news_cat_mm.uid_local)
          )
          # dieses Where sorgt dafuer, dass auch die News der Unterkategorien 1 Ebene unterhalb
          # gezaehlt werden - tiefere Ebenen koennen nicht beruecksichtigt werden
          # andWhere.dataWrap = (tt_news_cat.uid={field:uid} OR tt_news_cat.parent_category={field:uid}) AND tt_news.deleted=0 AND tt_news.hidden=0
          # dieses Where zaehlt nur die News in dieser Kategorie
          andWhere.dataWrap (
            (tt_news_cat.uid={field:uid}) 
            AND tt_news.deleted=0 AND tt_news.hidden=0
            AND sys_language_uid={TSFE:sys_language_uid}
          )
          # fuehre einen count durch und speichere das Ergebnis in "counter"
          selectFields = count(*) AS counter
        }
        renderObj = TEXT
        renderObj {
          # zeig mir nun das Ergebnis des Counters an und wrappe es
          field = counter
          wrap =  <span>(|)</span>
        }
      }
      # zeige mir alle Unterkategorien der aktuellen Kategorie an
      30 = CONTENT
      30 {
        stdWrap {
          # fuehre den Abschnitt nur aus, wenn in der Select-Abfrage ein Wert gefunden wurde
          required = 1
          wrap = <ul>|</ul>
        }
        table = tt_news_cat
        select {
          pidInList = 3
          orderBy = title
          andWhere.dataWrap = parent_category={field:uid} AND deleted=0 AND hidden=0
        }
        # vererbe die Einstellungen von lib.CatList.10.renderObj an dieses renderObj
        renderObj < lib.catList.10.renderObj
        renderObj = COA
        renderObj {
          # zeige den Titel mit Verlinkung an, genauso wie bei lib.catList.10.renderObj.10 (vererbt)
          10 < lib.catList.10.renderObj.10
          # zeige den News-Counter an, genauso wie bei lib.catList.10.renderObj.20 (vererbt)
          20 < lib.catList.10.renderObj.20
          # zeige die Unterkategorien an, genauso wie bei lib.catList.10.renderObj.30 (vererbt)
          30 < lib.catList.10.renderObj.30
          # wenn noch eine 4. und 5. Kategorien-Ebene abgebildet werden sollen,
          # dann die folgenden 6 Zeilen verwenden
          # 30.renderObj = COA
          # 30.renderObj {
          #   10 < lib.catList.10.renderObj.10
          #   20 < lib.catList.10.renderObj.20
          #   30 < lib.catList.10.renderObj.30
          # }
        }
      }
    }
  }
}

Zum Abschluss noch ein wenig CSS, um die aktuell ausgewählte Kategorie auch grafisch ansprechend darzustellen:

li.news-catmenu-ACT > a {
  font-weight: bold;
  color: red; 
}

09.08.2011 - UPDATE 1 (Zeile 41+42)

Der cHash sollte bei einem Link mit übergeben werden, um das Caching von TYPO3 zu "unterstützen". Hierzu gibt es im TypoScript zu typolink eine Option "useCacheHash", diese auf 1 setzen, und schon wird der URL der cHash mit angehängt. Vielen Dank an ScubaBen, der mich "in die richtige Richtung geschubst hat" ;)

09.08.2011 - UPDATE 2 (Zeile 62)

Ein kleiner Fehler hat sich beim Counter der News eingeschlichen. Um lediglich die News zu zählen, die auch in dieser Sprache verfügbar sind, muss die WHERE-Klausel um die sys_language_uid aus dem TSFE-Objekt erweitert werden: "AND sys_language_uid={TSFE:sys_language_uid}"

zurück zu allen News