Hallo Typo-Gemeinde,
ich versuch jetzt schon seit längerer Zeit tt_news dazu zu bringen, mir die News nach Kategorien anzuzeigen.
Das ganze soll wie folgt aussehen:
- Kategorie1
- News1
- News3
- Kategorie2
- News4
- Kategorie3
- News2
Ich möchte das ganze automatisiert per Typoscript erzeugen. Bisher habe ich folgenden TS-Cod,e der alles in ein Templavoila Typoscript Object Path einfügen soll.
lib.metamenu >
lib.metamenu = CONTENT
lib.metamenu {
table = tt_news_cat
select {
# the category folder(s)
pidInList = 42
}
wrap = <div class="news">|</div>
renderObj = COA
renderObj.wrap = <div class="news-cat">|</div>
renderObj {
10 = TEXT
10.field = uid
10.dataWrap = <a href="index.php?id">
10.insertData = 1
21 = TEXT
21 {
field = title
wrap = <strong>|</strong>
if {
value.field = uid
equals.data = GPvar:tx_ttnews|cat
negate = 1
}
}
30 = TEXT
30.value = </a><br />
40 = CONTENT
40 {
table = tt_news
select {
# the category folder(s)
pidInList = 42
}
renderObj = COA
renderObj {
10 = TEXT
10{
field = short
}
wrap = <div class="myNews">|</div>
}
}
}
}
Aktuell wird jetzt unter jeder Kategorie die gesamten News angezeigt, ich möchte es aber einschränke auf nur die, die auch zur Kategorie gehören.
Vielleicht bin ich auch total auf dem Holzweg und das ganze geht auch viel einfacher, leider sind meine TS-Kenntnisse wohl mangelhaft.
Hoffe es kann jemand helfen
Grüße
Fabi
PS: Das ganze ist übrigens nur ein Zwischenschritt zur endgültigen Lösung die folgenden HTML-Code ausspucken soll. Wenn also jemand eine Idee hat:
<div id="container-1">
<ul>
<li><a href="#cat-1"><span>One</span></a></li>
<li><a href="#cat-2"><span>Two</span></a></li>
<li><a href="#cat-3"><span>Three</span></a></li>
</ul>
<div id="cat-1">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<div id="cat-2">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<div id="cat-3">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
</div>