階層構成なくWayfinderで表示する

Wayfinderを使っていると初期の状態では

階層ごとの表示になって

こんな感じになりますよね

  • 大カテゴリー
    • 中カテゴリー
    • 中カテゴリー
      • 小カテゴリー

 

この状態では使づらい場面があったのでこれを

  • 大カテゴリー
  • 中カテゴリー
  • 中カテゴリー
  • 小カテゴリー

こいう感じで、階層関係なく同列で表示したかったんです
このように表示するには、Wayfinderのテンプレートを弄らないとできないってことで

調べつつ、試しづつやりました

 

プレースホルダとか聞きなれない単語が出てきて
かなり混乱しましたが、なんとかできました

ちなみに、startIdで指定した部分も表示できるように変更してのサンプルです

 

<ul>
[[Wayfinder
&startId = `9` // ルート階層のリソースが対象
&level   = `5` // 5階層のみ
&displayStart = `TRUE`
&fullLink = `TRUE`
&startItemTpl = `flat`
&startItemTpl = `flat2`]]
</ul>
 

&startItemTplで&startIdで指定した部分のテンプレートを呼び出します

&startItemTplでテンプレートを呼び出します
&displayStart = `TRUE`

それぞれのテンプレートはチャンクで作成して呼び出します

チャンク flatの中身

チャンク flat2の中身
<li><a href=""></a></li>

とりあえずこれで、フラットな状態で出力されるようになります

&startIdで指定したものを出力しない場合には

&displayStartを削除、&startItemTpl = `flat2`を削除でflat2のチャンクも必要ありません

<ul>と<li>が不要なら、それぞれその部分を取り除けば
リストじゃない状態で出るようになります

 

フラット化をすることで学んだことは

プレースホルダの存在
tplことテンプレートはチャンクに作るということです

 

MODXは奥が深いな~


comments powered by Disqus

 サイト内検索

広告


 

ツイッター

 

先頭へ戻る