Freunde

TYPOlight: News als "Accordion" ausgeben

Bei diesem Beispiel wurde die news_latest.tpl angepasst. Dazu kann entweder im Backend unter Templates diese neu anlegen oder per Hand aus dem Ordner /system/modules/news/templates/ kopieren und in dem Ordner /templates im TYPOlight Root-Verzeichnis ablegen. Wichtig hierbei ist, dass nicht die Coredatei von TYPOlight verändert wird, da diese bei einem Update überschrieben wird.

Template: news_latest.tpl (TYPOlight 2.7.6)

<div class="layout_latest block<?php echo $this->class; ?>">
<div class="ce_accordion block">
<div class="toggler"> <span class="toggler_first">
<h2><?php echo $this->newsHeadline; ?></h2></span>
</div>
<div class="accordion">
<?php if ($this->hasMetaFields): ?>
<p class="info"><?php echo $this->date; ?> <?php echo $this->author; ?> <?php echo $this->commentCount; ?></p>
<?php endif; ?>
<?php if ($this->addImage): ?>
<div class="image_container"<?php if ($this->margin || $this->float): ?> style="<?php echo $this->margin . $this->float; ?>"<?php endif; ?>>
<?php if ($this->fullsize): ?>
<a href="<?php echo $this->href; ?>" title="<?php echo $this->alt; ?>" rel="lightbox">
<?php endif; ?>
<img src="<?php echo $this->src; ?>" alt="<?php echo $this->alt; ?>" />
<?php if ($this->fullsize): ?>
</a>
<?php endif; ?>
<?php if ($this->caption): ?>
<div class="caption"><?php echo $this->caption; ?></div>
<?php endif; ?>
</div>
<?php endif; ?>
<p class="teaser"><?php echo $this->teaser; ?></p>
<?php if ($this->text): ?>
<p class="more"><?php echo $this->more; ?></p>
<?php endif; ?>
</div>
</div>
</div>

Anmerkung

Die Templatedatei kann auch umbenannt werden. Hierbei ist jedoch wichtig, dass der Präfix news_ erhalten bleibt, da sonst TYPOlight nicht erkennt, um was für eine Templatedatei es sich handelt.

Wow, vielen Dank für die tolle Idee + Umsetzung. Genau das, was ich gesucht habe! Keep up the good work

Hey, freut mich, dass ich dir damit helfen konnte. :)

vg,
john

Kommentar hinzufügen

Der Inhalt dieses Feldes wird nicht öffentlich zugänglich angezeigt.
  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <i>
  • Zeilen und Absätze werden automatisch erzeugt.

Weitere Informationen über Formatierungsoptionen

CAPTCHA
Diese Frage ist um sicher zu stellen, dass es sich um einen Menschen und nicht einen Computer handelt. Dies ist zur Spamabwehr notwendig.
1 + 2 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.