Nachdem ich durch einen Forumpost hier auf host.sonspring.com/hoverbox/ aufmerksam geworden bin, habe ich beschlossen dies als Beispiel zu Implementieren.

Mit dieser kleinen Extension möchte ich zeigen, wie man typoscript code in Extensions auslagern kann. Ich finde dadurch kann man schon mal geschriebenes typoscript leichter wiederverwenden.

Verwendet habe ich dazu den Kickstarter.

Vorgehensweise:

1. Den Kickstarter installieren und im Extension Manager "Neue Extension erstellen" auswählen.

2. Daten unter "General Info" ausfüllen sowie einen eindeutigen Extension Namen festlegen.

3. Bei static TypoScript code erst einen Titel für das statische include eingeben und dann den setup/constants code eingeben.

Jetzt kann man nach dem Installieren der Extension unter Template bei "Include static (from extensions):" das eben erstellte TypoScript einbinden.

Für mein Beispiel hab ich folgendes eingebeben

Constants:

styles.content.imgtext.colSpace = 5
styles.content.imgtext.rowSpace = 5
styles.content.imgtext.borderColor = #CCCCCC
styles.content.imgtext.borderThick = 1
styles.content.imgtext.borderSpace = 8

Setup:

tt_content.image.20.border>
tt_content.image.20.border=1
tt_content.image.20.1.imageLinkWrap =0
tt_content.image.20.1.imageLinkWrap>
tt_content.image.20.1.stdWrap.innerWrap(
  <a href="#"><img src="{current:1}" class="preview" />|</a>
)
tt_content.image.20.1.stdWrap.innerWrap.insertData=1
page.headerData.54=TEXT
page.headerData.54.insertData=1
page.headerData.54.data(
  PATH:EXT:t3w_hoverbox/static/Images_Text_with_image_Hoverbox/style.css
)
page.headerData.54.wrap=<link rel="stylesheet" type="text/css" href="|" />

page.headerData.55=TEXT
page.headerData.55.insertData=1
page.headerData.55.data(
   PATH:EXT:t3w_hoverbox/static/Images_Text_with_image_Hoverbox/ie.css
)
page.headerData.55.wrap(
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="|" />
<![endif]-->
}

 - ERROR: Line 27: A multiline value section is not ended with a parenthesis!;Line 56: A multiline value section is not ended with a parenthesis!

Download t3x

Beispiel Hoverbox