[Tutorial] Wayfinder - Sektionen | MODX Community Forums

407 Posts

rasc Reply #11, 19 years, 3 months ago

Ok, dafür gibt es natürlich einen zweiten Wayfinder-Call. Die Seiten, die man über die Mainnavi erreicht (SAP CRM, SAP Produktkonfiguration, usw) sind Ordner, die nur eine Weiterleitung zur ersten Unterseite enthalten (FirstChildRedirect-Snippet). Auf den jeweils drei Unterseiten (eigenes Template) ist dann der zweite WF-Call, der nur ein Menü für diese drei Seiten erzeugt.
Das HTML für diese Liste ist das gleiche wie für die Mainnavi, das CSS ist natürlich anders.

21 Posts

bergtroll Reply #12, 19 years, 3 months ago

Handelt es sich bei dem für die Unterseiten benötigen Template um ein Chunk oder ein vollständiges Template mit <head> und <body>?

Und wie würde in diesem Template der WF-Call aussehen? Ich versteh das Zusammenspiel der WF-Calls grundsätzlich noch nicht.

Vielleicht kannst Du mir ja helfen

Vielen Dank für die bisherige Hilfe

bergtroll

407 Posts

rasc Reply #13, 19 years, 3 months ago

Natürlich haben die Unterseiten ein vollständiges Template, da sie eigenständige und vollständige Dokumente sind. WF-Calls kannst Du überall ins Template einbinden, wo Du ein Menü brauchst. WAS im Menü dargestellt wird, hängt vom WF-Call ab, bzw. von der jeweiligen startId. WIE es dargestellt wird, steht in den Chunks, die mit den tpl-Parametern im WF-Call angesprochen werden. Ansonsten gibt’s kein Zusammenspiel. Jedes Menü hat einen eigenen WF-Call. Wenn Du irgendwo auf einer Seite ein drittes Menü brauchst, was bestimmte Seiten verlinkt, baust Du halt einen dritten WF-Call, der nur die betreffenden Seiten einsammelt.

Schau Dir bei sybit.de den Quelltext der betreffenden Seiten an. Im div-Container inhalt gibt’s eine h1, gefolgt von einer ul mit der Klasse subnavi. Anstelle dieser ul steht im Template der WF-Call:

[!Wayfinder? &startId=`[[getField? &field=`id` &parent=`1` &parentLevel=`1`]]` &outerTpl=`naviOuterTpl` &rowTpl=`naviRowTpl` &hereTpl=`naviHereTpl` &innerClass!]

getField ermittelt die ID des Ordners, in dem das Dokument und die anderen beiden Dokumente stecken.
outerTpl bildet die Liste mit der Klasse:

<ul class="subnavi">[+wf.wrapper+]</ul>

rowTpl bildet wieder das HTML für jedes li:

<li><a href="[+wf.link+]">[+wf.linktext+]</a></li>

hereTpl macht das aktuelle, nicht verlinkte li:

<li><strong>[+wf.linktext+]</strong></li>

21 Posts

bergtroll Reply #14, 19 years, 3 months ago

Vielen Dank für deine schnelle Antwort grin

Ich werde mir das jetzt in Ruhe ansehen.

Gruß
bertroll

263 Posts

dragonlord Reply #15, 19 years, 3 months ago

Hi,

also ich verstehe das nicht wirklich. Bei mir klappt es leider gar nicht!
Er zeigt die Seiten im Menü ganz normal an.
Allerdings musste ich im Call das UltimateParent rausnehmen, da er ansonsten nichts angezeigt hätte.

263 Posts

dragonlord Reply #16, 19 years, 3 months ago

Ok. Grundsätzlich habe ich es verstanden glaube ich.

Mein Problem ist aber das ich die Sachen mit den Wrapper vom Grundsatz her nicht verstehe. Wieso benutzt man diese und was machen die?

Kann ich dort in den betreffenden Wrapper auch css reinschreiben?

263 Posts

dragonlord Reply #17, 19 years, 2 months ago

So, hab es so einigermaßen hinbekommen.

Habe jetzt nur ein Problem:

Die Darstellung ist wie folgt:

Kategorie 1
----------------
----------------
Link1
----------------
Link 2
----------------
Kategorie 2
----------------
----------------
Link 3
----------------
Link 4
----------------

Sprich: Hinter jeder Kategorie ist ein Absatz. ( leeres Feld) Wie bekomme ich den weg?

263 Posts

dragonlord Reply #18, 19 years, 2 months ago

Hallo,

weiss keiner ein Lösung?
Hab keinen Schimmer wieso das so ist.
Anbei mal ein Screenshot zur Veranschaulichung. Die fraglichen Bereiche sind mit einem roten
Fragezeichen markiert!

407 Posts

rasc Reply #19, 19 years, 2 months ago

Poste doch mal Deine Chunks einzeln und das HTML, was am Ende rauskommt. Ansonsten tappe ich im Dunkeln, da die Ursachen alles Mögliche sein können.

263 Posts

dragonlord Reply #20, 19 years, 2 months ago

Hier der Aufruf:

[!Wayfinder? &startId=`0` &rowTpl=`naviRowTpl` &hereTpl=`naviHereTpl` &categoryFoldersTpl=`naviFolderTpl` &innerTpl=`naviInnerTpl` &innerRowTpl=`naviInnerRowTpl`!]

Hier die Chunks:
naviFolderTpl:
<li><h2>[+wf.title+]</h2></li>[+wf.wrapper+]

naviHereTpl:
<li><div class="CurrSite">[+wf.linktext+]</div></li>

naviInnerRowTpl:
<li[+wf.classes+]><a href="[+wf.link+]">[+wf.linktext+]</a></li>

naviInnerTpl:
[+wf.wrapper+]

naviRowTpl:
<li><a href="[+wf.link+]">[+wf.linktext+]</a></li>

HTML Output:

<!-- Menue begin -->
    <div id="sidebar"><div id="menu"><ul><li><div class="CurrSite">Home</div></li>
<li><h2>Allgemeines</h2></li><li><a href="/Ziele.html">Ziele</a></li>
<li><a href="/Aktuelles.html">Aktuelles</a></li>
<li class="last"><a href="/faq.html">FAQ</a></li>

<li><h2>Kategorien</h2></li><li><a href="/Datenschutz.html">Datenschutz</a></li>
<li><a href="/Datenbank.html">Datenbank</a></li>
<li><a href="/EDV-Beratung.html">EDV Beratung</a></li>
<li><a href="/Handel.html">Handel</a></li>
<li><a href="/Printdesign.html">Printdesign</a></li>
<li><a href="/Webdesign.html">Webdesign</a></li>
<li><a href="/Webentwicklung.html">Webentwicklung</a></li>
<li><a href="/CRM-ERP.html">CRM/ERP</a></li>
<li><a href="/Audiodesign.html">Audiodesign</a></li>
<li><a href="/Videodesign.html">Videodesign</a></li>
<li><a href="/3D-Design.html">3D Design</a></li>
<li class="last"><a href="/CAD.html">CAD</a></li>

</ul></div></div>
      <!-- Menue end -->