für eine Portfolio-Website gibt es viele Detailseiten mit jeweils vielen Bildern und etwas Text, sowie eine Übersichtsseite auf denen über eine Listview von den vielen Detailseiten jeweils ein Bild angezeigt wird, diese Listview ist zudem über eine li (derzeit ID des webEdition Dokumentes) und javascript sortierbar. Ich möchte anstelle der Dokument-ID die ++ ID der Kategorien ++ verwenden.
NEU:
A) Auf der Detailseite soll der Redakteur Bilder einstellen, einen Text hinzufügen sowie über ein, nur in webEdition sichtbares "select feld" dynamisch ausgelesene Kategorien auswählen können, zum Beispiel .. Category A, Category B, Category C,
B) Auf der Übersichtsseite soll wie gehabt ein Bild der Detailseite in einer Liestview ausgegeben werden. Diese Bilder-Liestview soll zudem über eine li sortierbar sein, welche die ID der Category A oder Category B beinhaltet.
Frage
Wie ist es möglich die Category-ID auszulesen und in einem anderen Dokument innerhalb einer Listview zu verwenden?
Ist es überhaupt grundsätzlich möglich, das ein Redakteur über ein dynamisches "select feld" innerhalb von webEditon vorher erstellte Kategorien speicherbar auswählen kann?
Ich danke Euch für Eure Hilfe schon jetzt!
Derzeit Sortier-Listview ( data-filter ++ ID des webEdition Dokument ++ )
Code: Alles auswählen
<ul class="filtr-btn">
<li data-filter="all" class="active">Alle</li>
<we:listview type="document" name="album" doctype="portfolio" order="random()">
<we:ifFound>
<we:repeat>
<li data-filter="<we:field name="WE_ID" type="text" hyperlink="false" />"><we:field name="Detailtitel" type="text" hyperlink="false" /></li>
</we:repeat>
</we:ifFound>
</we:listview>
</ul>
Code: Alles auswählen
<div class="filtr-container row">
<we:listview type="document" name="album" doctype="portfolio" order="we_moddate" desc="true" >
<we:ifFound>
<we:repeat>
<div data-category="<we:field name="WE_ID" type="text" hyperlink="false" />">
<a href="<we:field name="WE_PATH"/>" >
<div style="background-image: url(<we:field type="img" name="BildDetailFirst" thumbnail="Overview" only="src" />)"></div>
</a>
</div>
</we:repeat>
</we:ifFound>
</we:listview>
</div>
Code: Alles auswählen
function Sort() {
if ($.exists('.filtr-container')) {
$('.filtr-container').filterizr();
$('.filtr-btn li').on('click', function() {
$('.filtr-btn li').removeClass('active');
$(this).addClass('active');
});
}
}