Contao Tipps

Linkmanager mit Akkordeon Effekt erweitern

Im Forum wurde veröffentlicht, wie man durch die Änderung des Templates und der CSS Angaben die Anzeige im Frontend mit dem Accordeon Effekt erweitern kann. Dazu muss natürlich die Effekt Bibliothek geladen sein.

Änderung an templates/linksl_default.tpl :

<div class="ce_accordion block">
<ul class="link_class <?=$this->category_class?>">
<li><div class="toggler"><span class="toggler_first"><?=$this->category?></span></div>
<div class="accordion"><div>
<p class="title-info"><?=$this->category_description?></p>
<?php if (is_array($this->links)) : ?>
<ul><?php foreach ($this->links as $link): ?> 
<li><a href="<?=$link['href']?>" title="<?=$link['website']?>"<?php if ($link['target']== 1) :?> onclick="window.open(this.href); return false;"<?php endif; ?> class="item"><?=$link['website']?></a>
    <span class="details"><?php if ($link['addCounter'] == 1) :?> <span class="clicks"><?php echo $GLOBALS['TL_LANG']['tl_content']['clicks']; ?>:  <?=$link['counted']?></span> -<?php endif; ?> <span class="author"><?=$link['author']?></span> <span class="date"><?=$link['date']?></span></span>
    <div class="info">
    <?php if ($link['addRating'] == 1) { echo $link['rating']; } ?>
    <?=$link['description']?>
    </div>
</li><?php endforeach; ?> 
</ul>
<?php else : ?>
<p class="empty"><?php echo $GLOBALS['TL_LANG']['tl_content']['empty']; ?></p>
<?php endif; ?>
</li>
</ul>
</div>

Änderung an html/style.css:

div.mod_linklist ul.link_class span.toggler_first {

Hinweis:
Das Template enthält zum Teil PHP Short Tags. Wenn dies nicht in der php.ini eingeschaltet ist, wird diese Template nicht funktionieren. (short_open_tag) Im Bezug auf Interoperabilität und wegen Problemen dabei mit XML Files sollten die Short Tags ersetzt werden. Dazu "?=" ändern in "?php echo " und es sollte gehen.