2014-02-05 1 views
0

wayfinder를 사용하여 modx 혁명에서 3 ​​단계 깊이 메뉴를 만들려면 어떻게해야합니까?modx wayfinder 3 단계 깊이 메뉴

enter image description here

하지만 지금은이 : 스타일은해야

enter image description here

가 어떻게이 3 레벨 메뉴을 할 수 있습니까? 각 레벨마다 다른 스타일을 어떻게 할당합니까?

은 이제 내는 Wayfinder는 다음과 같이 호출됩니다

 [[Wayfinder? &startId=`6` &level=`2` &where=`{"isfolder":"1"}` &activeParentRowTpl=`menuRow_active` &rowTpl=`menuRow` &outerTpl=`menuOuter` &innerTpl=`menuInner` &innerRowTpl=`menuInnerRow` &hideSubMenus=`true`]] 

하지만 어떻게 3 수준의 깊이하고 2 차 부모 만 자녀를 표시?

+0

아마도 '& level = \'3 \''입니까? – Vasis

+0

@Vasis 나는 그것을 시험해 본다. 그러나 나는 약간의 makup 문제를 일으킨다 : https://dl.dropboxusercontent.com/u/59666091/gg.png – brabertaser19

답변

2

최신 버전의 Wayfinder (2.3.3)에는 모든 깊이에 대해 클래스를 출력하는 옵션이 있습니다. snippet 호출의 & 수준 매개 변수는 출력 할 최대 수준을 설정합니다. 당신은 단지 두 번째 수준의 출력 하위 메뉴에 필요한 경우 이 비활성화 할 &parentRowTpl 덩어리에 +wf.level의 조합을 사용/숨기기 :

<li class="[[+wf.level]]">[[+wf.linktext]]</li>

윌 출력 뭔가

<li class="level-1">Your link</li>

편집

같은 상위 레벨에있는 기본 DOM.

<li class="parent [[+wf.level]]">[[+wf.linktext]] [[+wf.wrapper]]</li>

을 그리고 당신은 .parent.level-1 .submenu { display: none; } 같은 CSS 선택기를 사용할 수 있습니다 &parentRowTpl은 다음과 같이 할 수있다.

+0

나는 오늘 밤에 이것을한다. .. 단지 여기에 게시하지 않았다. 하지만 나중에 확인하겠다. – brabertaser19