Schnellnavigation:

Kategorien

« März 2024»
S M T W T F S
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            

Letzte Nachrichten

DSGVO
26.05.2018 18:39
Trackingtools und Datenschutzerklärung
14.03.2014 23:07
1:n und n:1 Relationen in Extbase
06.12.2013 12:04
Erste Abmahnungen wegen Google Analytics
04.10.2013 12:11

Kopieren Sie diesen Link in Ihren RSS-Reader

RSS 0.91Nachrichten
RSS 2.0Nachrichten

In eigener Sache

Peter Linzenkirchner, Lisardo EDV Beratung in Augsburg. Freelance und Partner für Design- und Webagenturen in Augsburg und München. Pixelgenaue Templates, valides HTML, barrierearm. TYPO3-Projekte, Extension-Programmierung und mehr ... 

Achtung Update!

Dieser Artikel ist schon einigermaßen alt – im wesentlichen stimmen die hier beschriebenen Techniken noch, aber zur Zeit läuft vor allem die Extension linkhandler nicht in TYPO3 in Version 6.x. Sie wirft im Backend solche Fehler, dass es nicht mehr zugänglich ist. Also mein Tipp: auf keinen Fall über den Extensionsmanager installieren, sondern diesen Fork von Github verwenden. Einfach herunterladen, das zip-Archiv auspacken und den entstehenden Ordner umbenennen in »linkhandler«. 

Eine Anpassung an die neue News-Extension findet ihr in einem neueren Artikel zu diesem Thema: Links im RTE auf News-Einträge mit der Extension linkhandler

Mit der Extension linkhandler können im RTE (bzw. in den normalen Inhaltselementen) Links auf News-Einträge oder auf beliebige sonstige Datensätze erstellt werden. Sie funktioniert sehr gut und lässt sich ideal konfigurieren.

Installation

Normal installieren und nicht vergessen, das statische Template einzubinden. Danach funktioniert die Extension insoweit, dass man Links im RTE erstellen kann; allerdings werden diese noch nicht im Frontend geparst. Das muss über TypoScript erst konfiguriert werden.

Konfiguration des Link-Browsers im RTE

Dazu folgende Zeilen im TSconfig der Rootseite eingeben (bzw. der Seite, die auch die restliche Konfiguration des RTE enthält)

  1. # das erstellt einen neuen Tab im Linkbrowser. Es können mehrere erstellt werden,
  2. # für jede Tabelle aber nur einer.
  3. RTE.default.tx_linkhandler {
  4.   # Browser für tt_news-Datensätze
  5.   tt_news {
  6.       # Das steht im Tab als Label
  7.       label=Label des Tabs
  8.       # die Tabelle, die die gewünschten Datensätze enthält
  9.       listTables=tt_news
  10.       # nur die Seiten im Seitenbaum zeigen, die auch die
  11.       # gewünschen Datensätze enthalten.
  12.       onlyPids=28,65
  13.   }
  14. }

Konfiguration der Links

Die Links müssen im TypoScript-Setup konfiguriert werden. Die einfache Variante verwendet nur eine einzige Zielseite für die Singledarstellung der News:

  1. plugin.tx_linkhandler {
  2.   tt_news {
  3.       # uid der Seite, auf der die Singledarstellung der News erfolgt
  4.       parameter = 25
  5.       # weitere Parameter, insbesondere die richtige uid der News
  6.       additionalParams=&tx_ttnews[tt_news]={field:uid}
  7.       # nötig, damit {field:uid} ersetzt wird
  8.       additionalParams.insertData=1
  9.       # wichtig, damit cachen möglich ist. 
  10.       useCacheHash=1
  11.       # versteckte News können nicht gelinkt werden
  12.       forceLink = 0
  13.   }
  14. }

Eine etwas komplexere Variante, die abhängig von der pid der News-Datensätze eine andere Seite für die Single-Darstellung aufruft:

  1. plugin.tx_linkhandler {
  2.   tt_news {
  3.       title=TEXT
  4.       title.data = field:title
  5.       parameter.stdWrap.cObject = CASE
  6.       parameter.stdWrap.cObject {
  7.           # abhängig vom Eintrag in pid der News-Tabelle
  8.           key.field = pid
  9.           # falls dieser 65 lautet
  10.           65 = TEXT
  11.           # wird parameter auf 85 gesetzt, der uid der
  12.           # Zielseite mit der Single-Darstellung
  13.           65.value = 85
  14.           # Default für alle anderen Werte in pid
  15.           default = TEXT
  16.           # Zielseite mit uid 25
  17.           default.value = 25
  18.       }
  19.       additionalParams=&tx;_ttnews[tt_news]={field:uid}
  20.       additionalParams.insertData=1  
  21.       useCacheHash=1
  22.       forceLink = 0
  23.   }
  24. }

Man kann auch beliebige andere Tabellen ansprechen, auch aus eigenen Extensions. Hier ein Beispiel im TSConfig, das weitere Reiter im Dateibrowser des RTE erzeugt, die auf Datensätze von eigenen Extensions zugreifen:

  1. RTE.default.tx_linkhandler { {
  2.   buecher {
  3.       label = Buchtitel
  4.       listTables=tx_buchtitel_liste
  5.       onlyPids=68
  6.   }
  7. }

Dazu dann diese Entsprechung in Setup für das Verarbeiten der Links:

  1. plugin.tx_linkhandler {
  2.   tx_buchtitel_liste {
  3.       parameter = 69
  4.       additionalParams=&myParam;={field:uid}
  5.       additionalParams.insertData=1  
  6.       useCacheHash=1
  7.       forceLink = 0
  8.      
  9.   }
  10. }

Dabei ist tx_buchtitel_liste der Name der SQL-Tabelle, parameter die uid der Zielseite mit der Single-Darstellung. So können beliebig viele Reiter im RTE angelegt werden, die auf Datensätze in beliebigen Tabellen verweisen.

Linkhandler für t3blog

Die Einstellungen für t3blog funktionieren prinzipiell genauso. Zunächst das TSconfig:

  1. RTE.default.tx_linkhandler {
  2.   # tt_news deaktivieren, da vordefiniert:
  3.   tt_news >
  4.   tx_t3blog_post {
  5.       # Das steht im Tab als Label
  6.       label=T3Blog
  7.       # die Tabelle, die die gewünschten Datensätze enthält
  8.       listTables=tx_t3blog_post
  9.       # nur die Seiten im Seitenbaum zeigen, die auch die
  10.       # gewünschen Datensätze enthalten.
  11.       onlyPids=###hierDieEigenePid###
  12.   }
  13. }

Im Setup gibt es aber eine Besonderheit, da für Links auf einen Blogeintrag  neben der uid des Postings auch das Datum iausgegeben werden muss – zumindest ist das erforderlich, wenn RealURL eingesetzt wird. Hier hilft die stdWrap-Funktion mit cObject weiter: 

  1. plugin.tx_linkhandler {
  2.   tx_t3blog_post {
  3.       parameter = ###deinePID###
  4.       # weitere Parameter, hier als cObject
  5.       additionalParams.stdWrap.cObject = COA
  6.         additionalParams.stdWrap.cObject {
  7.             1 = LOAD_REGISTER
  8.             1 {
  9.               year {
  10.                   field = date
  11.                   strftime = %Y
  12.               }
  13.               month {
  14.                   field = date
  15.                   strftime = %m
  16.               }
  17.               day {
  18.                   field = date
  19.                   strftime = %d
  20.               }
  21.             }
  22.            
  23.             10 = TEXT
  24.             10 {
  25.               value = &tx_t3blog_pi1[blogList][showUid]={field:uid}&tx_t3blog_pi1[blogList][year]={register:year}&tx_t3blog_pi1[blogList][month]={register:month}&tx_t3blog_pi1[blogList][day]={register:day}
  26.               insertData = 1
  27.             }
  28.            
  29.         }
  30.       }
  31.       # wichtig, damit Cachen möglich ist. 
  32.       useCacheHash=1
  33.       # versteckte News können nicht gelinkt werden
  34.       forceLink = 0
  35.   }
  36. }

 

 

29August2010

Content slide

Vererbung von Inhalten einer Contentspalte auf untergeordnete Seiten ist seit Version 4.0 auch ohne die Extension »KB Content Slide« möglich.

Neue Eigenschaften für cObject »CONTENT«:

Eigenschaft

Datentyp   

Beschreibung

slide

integer 

Aktiviert die Vererbung. Angegeben wird die Anzahl der Ebenen, die nach oben durchsucht werden, oder -1 für Root

slide.collect

integer

Aktiviert das Sammeln. Wie oben muss die Anzahl der Ebenen angegeben werden, die durchsucht werden sollen, oder alternativ -1.

slide.collectReverse 

boolean

Normalerweise werden die Inhalte der aktuellen Seite oben gezeigt und danach die der übergeordneten Seiten. Mit diesem Flag kann dies umgekehrt dargestellt werden.

Und so wird es verwendet:

  1. styles.content.getRight.slide = -1
  2. styles.content.getRight.slide {
  3.   collect = -1
  4.   # collectReverse = 1
  5. }

Dieselbe Technik des Content Slide mit TemplaVoila; siehe in einem eigenen Artikel: Content Slide mit TemplaVoila.

Weiterführende Artikel:

Kategorien: Typoscript  Kommentare 0
Tags: slide, typoscript

Auch ohne TemplaVoila oder einem Template-Switcher können den Redakteuren verschiedene Layouts einfach über eine TypoScript-Konfiguration im Main-Template zur Verfügung gestellt werden:

  1. page = PAGE
  2. page {
  3.     10 = CASE
  4.     10.key.field = layout
  5.     # Standardtemplate
  6.     10.0= TEMPLATE
  7.     10.0.template = FILE
  8.     10.0.template.file = fileadmin/tmpl/standard.html
  9.     10.0.workOnSubpart = DOCUMENT_BODY
  10.     10.0.marks {
  11.         # etc.
  12.     }
  13.     # Variante 1:
  14.     10.1= TEMPLATE
  15.     10.1.template = FILE
  16.     10.1.template.file = fileadmin/tmpl/variante1.html
  17.     10.1.workOnSubpart = DOCUMENT_BODY
  18.     10.1.marks {
  19.         # etc.
  20.     }
  21.     # und so weiter.
  22. }

Standardmäßig sind vier Varianten vorgesehen. Diese können über PageTSconfig anders benannt werden:

  1. #In die Rootseite ins Feld Tsconfig:
  2. TCEFORM.pages {
  3.     layout.altLabels.0 = Standard Vorlage
  4.     layout.altLabels.1 = Zwei Spalter
  5.     layout.altLabels.2 = Drei Spalter
  6.     layout.altLabels.3 = Und so weiter.
  7. }

Falls vier Varianten nicht reichen, können noch weitere ergänzt werden:

  1. TCEFORM.pages{
  2.     layout.addItems {
  3.         4 = eine weitere Variante
  4.         # usw
  5.     }
  6. }

Mit dieser Technik kann sogar das klassische 4-Spalten-Layout im Backend mit TemplaVoila kombiniert werden, von Seite zu Seite individuell und einfach vom Redakteur auszuwählen:

  1. page = PAGE
  2. page {
  3.     10 = CASE
  4.     10.key.field = layout
  5.     # Standardtemplate
  6.     10.0 = USER
  7.     10.0.userFunc = tx_templavoila_pi1->main_page
  8.     # Variante 1:
  9.     10.1= TEMPLATE
  10.     10.1.template = FILE
  11.     10.1.template.file = fileadmin/tmpl/variante1.html
  12.     10.1.workOnSubpart = DOCUMENT_BODY
  13.     10.1.marks {
  14.         # etc.
  15.     }
  16.     # und so weiter.
  17. }

Allerdings muss dann TemplaVoila so konfiguriert werden, dass in der Rubrik »Web« im Backend beide Seiten-Module gezeigt werden: für TemplaVoila und das klassische. (Je nach Seitenlayout muss das passende Modul für die Eingabe der Inhalte verwendet werden). Dazu öffnet man im Extension Manager TemplaVolia und aktiviert die Option »Enable the classic page module«. Aber Achtung: da beide Seitenmodule leicht verwechselt werden können, erstellen ungeübte Redakteure schnell Inhalte in den falschen Modulen, was dazu führen kann, dass Inhalte zwar in TemplaVoila erscheinen sollen, aber dort nicht referenziert und damit letztlich auch nicht gezeigt werden. Diese Technik setzt also Redakteure voraus, die wissen was sie tun.

Falls doch einmal Inhalte nicht in TemplaVoila referenziert werden und damit nicht im Frontend erscheinen, so gibt es unter »Funktionen« den Assistenten »Referenziere unbenutzte Inhaltselement (TemplaVolia)«. Damit werden alle Inhaltselement in TemplaVoila-Spalten eingefügt – leider oft in die falschen. Aber immerhin sind sie jetzt da und und in der aktuellen Version von TemplaVoila können Inhaltselemente leicht per Drag und Drop verschoben werden, so dass sich der Aufwand in Grenzen hält.

Üblicherweise kann man Daten aus der pages-Tabelle mit dem Schlüsselwort »field» auslesen, etwa so:

  1. temp.head = COA
  2. temp.head {
  3.   10 = TEXT
  4.   10.field = subtitle//title
  5. }

Leider funktioniert das nicht mehr, wenn TemplaVoila im Einsatz ist.; man kann nicht mit »field« auf ein Datenfeld der »pages«-Tabelle zugreifen. Folgende Ansätz funktionieren:

  1. lib.page_head = COA
  2. lib.page_head {
  3.   10 = TEXT
  4.   10.data = page:subtitle
  5.   10.ifEmpty.cObject = TEXT
  6.   10.ifEmpty.cObject.data = page:title
  7.   10.wrap=<h2>|</h2>
  8. }
  9. # oder einfacher:
  10. lib.page_head = COA
  11. lib.page_head {
  12.   10 = TEXT
  13.   10.data = page:subtitle // page:title
  14.   10.wrap=<h2>|</h2>
  15. }

Weiterführende Links:

Wenn FCEs eingesetzt werden, so muss unter Umständen für jede Spalte ein eigener Wert für die Bildgröße eingesetzt werden. Das geht über eine Modifikation der DataStructure – also des XML – des FCE.

Diese drei Zeilen:

  1. 10 = RECORDS
  2. 10.source.current=1
  3. 10.tables = tt_content

müssen ersetzt werden durch:

  1. 5 = LOAD_REGISTER
  2. 5.maxImageWidthInText = xyz
  3. 5.maxImageWidth = abc
  4.  
  5. 10 = RECORDS
  6. 10.source.current=1
  7. 10.tables = tt_content
  8.  
  9. 15 = RESTORE_REGISTER

Natürlich geht das auch bei FCEs, die einen Inhaltsbereich für ein Bild enthalten. In diesem sieht der Code so aus:

  1. <TypoScript>
  2.   10 = IMAGE
  3.   10.file.import = uploads/tx_templavoila/
  4.   10.file.import.current = 1
  5.   10.file.import.listNum = 0
  6.   10.file.maxW = xyz
  7. </TypoScript>
  8.