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]-->
}

Download t3x

Beispiel Hoverbox

Comments

Tschüge, 07-11-08 12:05:

---

Um TypoScript wider zu verwenden muss man doch nicht extra eine Extension alegen. Einfach das TS in eine Datei schreiben (txt oder ts) und im Setup-Feld verliken:

<INCLUDE_TYPOSCRIPT: source="FILE:fileadmin/ts/config.doctype.ts">

Das funktioniert sogar bei FCE. Tutorial dazu unter: http://typo3.greenbanana.ch/typoscript/typoscript-aus-fce-auslagern.html

hanswurst, 30-12-08 14:34:

---

Um TypoScript wider zu verwenden muss man doch nicht extra eine Extension anlegen. Einfach einen TS Datensatz anlegen, der alle vorhandenen TS-Snippets (einzelne TS-Datensätze mit hidden=1 includiert). mit Ausblenden/Einblenden der Einzel-Datensätze kann man dan izi regeln was (wieder)verwendet werden soll.

cephei, 22-05-11 22:38:

---

Ich habe sowieso immer einen page-template und einen extension-template sysFolder. die kannst du auch einfach exportieren und auf der neuen page wieder importieren. deine variante kann ich mir nur vorstellen wenn ich was ins TER stellen möchte.

...
...da stellt sich die frage, ob man nicht kommplette page designs als extensions ins ter stellen könnte... das HTML Template lässt sich ja eigentlich auch im TS erstellen. fragt sich aber auch, wie sinnvoll das ist.

Add comment

* - required field

First name: *
Last name:
E-mail:
Enter the code:

*

Content: *