Probleme mit den Slider: Es überklappt die Bereiche

Haloa,

ich habe ein News-Slider installiert und dies dann im Kopfbereich unter Seitenlayout eingebunden. Damit der Slider nicht den Header und Mainbereich überklappt, habe ich im Template unter fe_page die Sache per Break (br) gelöst.

Mein Problem ist jetzt, dass der Slider bei mehr Text den Mainbereich überklappt. Aus diesem Grund möchte ich den Teasertext und die Bildgröße begrenzen bzw. den Anzahl des Textfeldes im Backend-Bereich (Beispiel mit 100 Zeichen) festlegen.

Ich habe alles versucht, doch ohne Hilfe schaffe ich das glaube ich nicht. Ich hoffe, dass ihr mir weiterhelfen könnt.

Anbei sende ich ein Bild, um das Problem zu verdeutlichen. Das ist die rechte Box.

Hi,

um im Backend den Teasertext der News auf 100 Zeichen zu beschränken , kannst du in der system/config/dcaconfig.php folgendes eintragen:

Code:

---

$GLOBALS['TL_DCA']['tl_news']['fields']['teaser'] = array
                (
                        'label'                  => &$GLOBALS['TL_LANG']['tl_news']['teaser'],
                        'exclude'                => true,
                        'search'                  => true,
                        'inputType'              => 'textarea',
                        'eval'                    => array('style'=>'height:50px;', 'maxlength'=>100,'allowHtml'=>true)
                );

---

Danke, aber es tut sich nichts. Ich habe es so gemacht:

Code:

---

<?php /* Put your custom configuration here *

$GLOBALS['TL_DCA']['tl_news']['fields']['teaser'] = array
                (
                        'label'                  => &$GLOBALS['TL_LANG']['tl_news']['teaser'],
                        'exclude'                => true,
                        'search'                  => true,
                        'inputType'              => 'textarea',
                        'eval'                    => array('style'=>'height:50px;', 'maxlength'=>100,'allowHtml'=>true)
                );

/ ?>

---

Am besten wäre es aber das im Template zu kürzen, da sind noch einige nette Nebeneffekte möglich:

PHP-Code:

---

<?php strip_tags($this->teaser);
if (strlen($this->teaser)>= 100):
    $this->text = $this->String->substr($this->teaser, 100);
endif; 
echo '<p>'.$this->text.'</p>'; ?>

---

Danke andreasisaak! Doch wo mache ich das genau? Also wie ist der Name von der Datei?

Ich weiß nicht wie dein Template heißt. Beginnen wird es aber mit news_

Ich habe das Standard Template von Contao.
Ich denke, dass ich ohne weitere Hilfe das Ganze nicht finden werde.

Anbei sende ich mal ein Bild. Ich hoffe, dass du mir jetzt genauer sagen kannst wo ich das einfügen bzw. kürzen muss.

Nein da ich immer noch nicht weiß welches Template du im Modul ausgewählt hast.

Wenn ich das jetzt richtig verstanden habe, ist es der Modultyp "Nachrichtenliste". Somit kann es nur das Nachrichtentemplate "news_latest" sein.

So sieht es bei mir aus:

PHP-Code:

---

<div class="layout_latest block<?php echo $this->class; ?>">
<?php if ($this->hasMetaFields): ?>
<p class="info"><time datetime="<?php echo $this->datetime; ?>"><?php echo $this->date; ?></time> <?php echo $this->author; ?> <?php echo $this->commentCount; ?></p>
<?php endif; ?>
<?php if ($this->addImage): ?>
<figure class="image_container<?php echo $this->floatClass; ?>"<?php if ($this->margin || $this->float): ?> style="<?php echo trim($this->margin . $this->float); ?>"<?php endif; ?>>
<?php if ($this->href): ?>
<a href="<?php echo $this->href; ?>"<?php echo $this->attributes; ?> title="<?php echo $this->alt; ?>">
<?php endif; ?>
<img src="<?php echo $this->src; ?>"<?php echo $this->imgSize; ?> alt="<?php echo $this->alt; ?>">
<?php if ($this->href): ?>
</a>
<?php endif; ?>
<?php if ($this->caption): ?>
<figcaption class="caption" style="width:<?php echo $this->arrSize[0]; ?>px"><?php echo $this->caption; ?></figcaption>
<?php endif; ?>
</figure>
<?php endif; ?>
<h2><?php echo $this->text ? $this->linkHeadline : $this->newsHeadline; ?></h2>
<div class="teaser">
<?php echo $this->teaser; ?> 
</div>
<?php if ($this->text): ?>
<p class="more"><?php echo $this->more; ?></p>
<?php endif; ?>
</div>

---

Was muss ich wo eintragen?

Nur nochmal zur Anmerkung, SO

Zitat:

---

<?php /* Put your custom configuration here *

$GLOBALS['TL_DCA']['tl_news']['fields']['teaser'] = array
(
'label' => &$GLOBALS['TL_LANG']['tl_news']['teaser'],
'exclude' => true,
'search' => true,
'inputType' => 'textarea',
'eval' => array('style'=>'height:50px;', 'maxlength'=>100,'allowHtml'=>true)
);

/ ?>

---

kann sich nichts tun. Du hast das ganze falsch auskommentiert. Der Strich in der letzten Ziele gehört nach oben, dann tut sich auch was.

Zitat:

---

Zitat von willshedo

Du hast das ganze falsch auskommentiert. Der Strich in der letzten Ziele gehört nach oben, dann tut sich auch was.

---

Also so

PHP-Code:

---

<?php /* Put your custom configuration here */

$GLOBALS['TL_DCA']['tl_news']['fields']['teaser'] = array
        (
            'label'                   => &$GLOBALS['TL_LANG']['tl_news']['teaser'],
            'exclude'                 => true,
            'search'                  => true,
            'inputType'               => 'textarea',
            'eval'                    => array('style'=>'height:50px;', 'maxlength'=>100,'allowHtml'=>true)
        );

 ?>

---

Hmm, schade - geht leider immer noch nicht! :-/

Die Sache mit dem Teasertext ist nicht mehr wichtig für mich. Trotzdem danke an alle, die mir helfen wollten!
Ich möchte wenigstens die Überschrift (h2) auf 25 Zeichen festlegen. Wie mache ich das?

Zitat:

---

Zitat von Umar

Ich möchte wenigstens die Überschrift (h2) auf 25 Zeichen festlegen. Wie mache ich das?

---

HTML-Code:

---

<div class="layout_latest block<?php echo $this->class; ?>">
<?php if ($this->hasMetaFields): ?>
<p class="info"><time datetime="<?php echo $this->datetime; ?>"><?php echo $this->date; ?></time> <?php echo $this->author; ?> <?php echo $this->commentCount; ?></p>
<?php endif; ?>
<?php if ($this->addImage): ?>
<figure class="image_container<?php echo $this->floatClass; ?>"<?php if ($this->margin || $this->float): ?> style="<?php echo trim($this->margin . $this->float); ?>"<?php endif; ?>>
<?php if ($this->href): ?>
<a href="<?php echo $this->href; ?>"<?php echo $this->attributes; ?> title="<?php echo $this->alt; ?>">
<?php endif; ?>
<img src="<?php echo $this->src; ?>"<?php echo $this->imgSize; ?> alt="<?php echo $this->alt; ?>">
<?php if ($this->href): ?>
</a>
<?php endif; ?>
<?php if ($this->caption): ?>
<figcaption class="caption" style="width:<?php echo $this->arrSize[0]; ?>px"><?php echo $this->caption; ?></figcaption>
<?php endif; ?>
</figure>
<?php endif; ?>
<h2><?php echo $this->text ? '<a href="'.$this->link.'">'.substr($this->newsHeadline,0,25).'</a>' : substr($this->newsHeadline,0,25); ?></h2>
<div class="teaser">
<?php echo $this->teaser; ?> 
</div>
<?php if ($this->text): ?>
<p class="more"><?php echo $this->more; ?></p>
<?php endif; ?>
</div>

---

Besser jetzt als nie. Danke für deine Hilfe, w3scout! Es funktioniert! :)