---
title: "Inhaltselement als verlinkte Teaser-Box verwenden"
url: "https://www.typo3.net/d/118753-inhaltselement-als-verlinkte-teaser-box-verwenden"
source: "typo3.net"
tags: ["Allgemein","Frage","Inhaltselemente","Links","TYPO3 6"]
created: "2014-08-30"
last_reply: "2014-09-09"
replies: 9
solved: false
page: 1
pages: 1
lang: "de"
---

# Inhaltselement als verlinkte Teaser-Box verwenden

Allgemein · 9 Antworten · gestartet 2014-08-30

## Eröffnungsbeitrag

**Y-Nell** · 2014-08-30 · [Beitrag #1](https://www.typo3.net/d/118753-inhaltselement-als-verlinkte-teaser-box-verwenden/1)

Hallo Zusammen,

ich würde gerne über ein entsprechend ausgewähltes Layout, dass komplette element-textpic mit dem Link der Headline wrappen, dass dann als Teaser dienen soll.

Trotz stundenlanger Suche und Tests konnte ich keine funktionierende Lösung für diese simple Anforderung finden.

Ich hoffe Ihr könnt mir helfen.

Danke im Voraus

Y-Nell

## Antworten

### [#2](https://www.typo3.net/d/118753-inhaltselement-als-verlinkte-teaser-box-verwenden/2) · OnkelEdi · 2014-09-01

Also,
ich weiß nicht obs funzt aber vielleicht mal zwei vorschläge:

```typoscript
#auslesen des contentelements
tmp.deinContent = CONTENT
tmp.deinContent{
	table = tt_content
	select.pidInList = DIE_PID_DES_CONTENTS
	select.uidInList = DIE_UID_DES_CONTENTS

	#über dataWrap den headerlink drumrum packen
	stdWrap.dataWrap = <a href="{field:header_link}">|</a>
}

#oder vielleicht so:

#auslesen des contentelements
tmp.deinContent = CONTENT
tmp.deinContent{
	table = tt_content
	select.pidInList = DIE_PID_DES_CONTENTS
	select.uidInList = DIE_UID_DES_CONTENTS

	stdWrap.typolink.parameter = {field:header_link}
}
```

habs jetzt nicht getestet... aber so oder so ähnlich hätt ich jetzt damit angefangen.
Vielleicht hilfts

Gruß
Eduard

### [#3](https://www.typo3.net/d/118753-inhaltselement-als-verlinkte-teaser-box-verwenden/3) · Chrissli · 2014-09-01

Wird beides nicht funktionieren u.a. wegen falschem Scope.

Etwa so:

```typoscript
tt_content.textpic.stdWrap.typolink.parameter.field =  header_link
tt_content.textpic.stdWrap.typolink.if.field = layout
tt_content.textpic.stdWrap.typolink.if.equals = (Kenner deines Layouts)
```

Oder eben umfangreicher mit einem CASE-gesteuerten outerWrap

### [#4](https://www.typo3.net/d/118753-inhaltselement-als-verlinkte-teaser-box-verwenden/4) · OnkelEdi · 2014-09-01

War auch nur mal so ein Vorschlag. Aber das sieht gut aus. Und ist vor allem einfacher und flexibler :)
Aber kannst du vielleicht noch kurz beschreiben woran es bei meinen Vorschlägen scheitert?

### [#5](https://www.typo3.net/d/118753-inhaltselement-als-verlinkte-teaser-box-verwenden/5) · Chrissli · 2014-09-01

Klaro!

Im ersten Fall würde mit stdWrap.dataWrap die ID der Zielseite oder eine halbfertige URL verwendet. Zumindest theoretisch. Praktisch wird nicht viel passieren, denn für in beiden Fällen benutzt du das Feld header_link, welches in diesem Zusammenhang nicht im Scope steht.
D.h. so wie du es verwendet hast befindest du dich im Zugriffbereich der Page-Inhalte, **grob** gesagt, das was du in der Tabelle "pages" und "pages_language_overlay" findest.

Beim Zugriff auf die Felder der Inhaltselemente muss hier mit dem renderObj gearbeitet werden.
Ohne weitere Angabe wird bei CONTENT-Objekten oder auch beim Verwenden von css_styled_content "tt_content" für das Rendering der Inhaltselemente herangezogen, der einfachste Weg für sowas daher ist meistens dieses entsprechend zu erweitern.

### [#6](https://www.typo3.net/d/118753-inhaltselement-als-verlinkte-teaser-box-verwenden/6) · OnkelEdi · 2014-09-02

ah ok. Kapiert :) Danke

### [#7](https://www.typo3.net/d/118753-inhaltselement-als-verlinkte-teaser-box-verwenden/7) · Y-Nell · 2014-09-04

Hallo Jungs,

vielen Dank für euere Vorschläge, konnte sie leider nicht früher testen.

So ähnlich hatte ich es auch schon einmal gehabt aber das Problem war genauso wie bei Chrissli's Lösung, dass im Quelltext zwei Anker zuviel gesetzt werden:
*(Noch als Hinweis, dass TEXTPIC-Element habe ich per TS etwas geändert.)*

```html
<div class="csc-frame">
  <div id="c123-first" class="csc-container element-textpic">
    <a href="#"></a> <!-- ### Überflüssiger Link ### -->
    <div id="c123" class="csc-default teaser_box_regular col-xs-12 col-sm-6">
      <a href="#"></a> <!-- ### Überflüssiger Link ### -->
      <div class="teaser_container">
        <a href="#">
          <div class="image_container">
            <div class="csc-textpic-imagewrap">
              <div class="csc-textpic-image csc-textpic-last">
                <img src="image.jpg" width="700" height="358" alt="" border="0">
              </div>
            </div>
          </div>
        </a>
      <div class="text_container">
        <div class="csc-header csc-header-n1">
          <h2 class="no_text-transform">
            <a href="#">Headline</a>
          </h2>
        </div>
        <p class="bodytext">Lorem ipsum dolor sit amet.</p>
      </div>
    </div>
  </div>
</div>
```

Im Hinblick auf Barrierefreiheit ist diese Lösung leider auch nicht anwendbar.

### [#8](https://www.typo3.net/d/118753-inhaltselement-als-verlinkte-teaser-box-verwenden/8) · OnkelEdi · 2014-09-08

Hallo,
Magst du uns vielleicht auch den typoscript Abschnitt dazu schicken?

Gruß
Eduard

### [#9](https://www.typo3.net/d/118753-inhaltselement-als-verlinkte-teaser-box-verwenden/9) · Y-Nell · 2014-09-08

Hallo Eduard,

hier das fehlende Typoscript dazu:

```typoscript
tt_content.textpic {
    10 >         
    20 < tt_content.image.20 
    20 {
      layout = TEXT
        layout.value = <div class="teaser_container"><div class="image_container">###IMAGES###</div><div class="text_container">###TEXT###</div></div>
        text.15 = < lib.stdheader 
        text.20 = < tt_content.text.20
        text.wrap >
    }
}
```

```typoscript
tt_content.stdWrap.innerWrap.cObject = CASE
tt_content.stdWrap.innerWrap.cObject {
  key.field = layout 
  100 =< tt_content.stdWrap.innerWrap.cObject.default
  100.20.10.value = csc-default teaser_box_large col-xs-12  
  101 =< tt_content.stdWrap.innerWrap.cObject.default
  101.20.10.value = csc-default teaser_box_regular col-xs-12 col-sm-6 
  102 =< tt_content.stdWrap.innerWrap.cObject.default
  102.20.10.value = csc-default teaser_box_small col-xs-12 col-sm-4
}
```

### [#10](https://www.typo3.net/d/118753-inhaltselement-als-verlinkte-teaser-box-verwenden/10) · OnkelEdi · 2014-09-09

Hallo,

ich weiß jetzt grad nicht an welcher Stelle das mit dem Link da schief läuft...
aber bei mir passiert das auch manchmal das da unnötige links generiert werden.
Bei mir passiert das immer wenn ich Sachen (meistens wraps o.ä.) nicht mit ">" lösche bevor ich sie neu belege oder referenziere.
Keine Ahnung ob das hier der Fall ist, bzw. was hier erst mal gelöscht werden sollte. Aber vielleicht hilft das weiter.

Gruß
Eduard

---

Quelle: „Inhaltselement als verlinkte Teaser-Box verwenden“, typo3.net, https://www.typo3.net/d/118753-inhaltselement-als-verlinkte-teaser-box-verwenden
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.