Template related help

109 Posts

Mayanktaker Reply #11, 9 years, 9 months ago

I left this. Thank you for your help.

I am having some menu related problem. Please take a look. I am missing something .. but I don;t know what. My sub menu pro down is not worknig and its not showing child menu.
Here is the detais of everything related to menu-
Original template menu :

<ul id="menu-page-menu" class="menu">
                	<li  class="menu-item"><a href="#">Page 1</a></li>
					<li  class="menu-item"><a href="#">Page 2</a></li>
					<li  class="menu-item"><a href="#">Fullwidth</a>
                        <ul class="sub-menu">
                            <li  class="menu-item"><a href="#">Clearing Floats</a></li>
                            <li  class="menu-item"><a href="#">About The Tests</a></li>
                        </ul>
					</li>
					<li  class="menu-item"><a href="#">Contact</a></li>
				</ul>

Wayfinder call :

[[Wayfinder? &startId=`0` &level=`1` &outerTpl=`outerTpl` &firstClass=`` &lastClass=`` &hereClass=`` &selfClass=`menu-item` &rowTpl=`rowTpl` &innerTpl=`innerTpl` &innerRowTpl=`InnerRowTpl` ]]

InnerRowTpl:

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

innerTpl:

<!-- inner -->
<ul>[[+wf.wrapper]]</ul>

outerTpl:

<ul id="menu-page-menu" class="menu">	
[[+wf.wrapper]]		
</ul>

rowTpl:

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

My Proudly Powerd By Modx site - http://irresistiblemt.in

Its simple site but its made in best CMS.

☆ A M B ☆
24,524 Posts

sottwell Reply #12, 9 years, 9 months ago

Looks to me like you're using this in the wrong property &selfClass=`menu-item`. You might want to try &rowClass=`menu-item` &innerClass=`sub-menu`

Studying MODX in the desert - http://sottwell.com
Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
Join the Slack Community - http://modx.org

109 Posts

Mayanktaker Reply #13, 9 years, 9 months ago

Changed and added

&rowClass=`menu-item` &innerClass=`sub-menu`

as you suggested, but result is same.

<ul id="menu-page-menu" class="menu">
<li class="menu-item"><a href="http://irresistiblemt.in/" title="Cool Place For Cool Stuffs">Homepage</a></li>
<li class="menu-item"><a href="http://irresistiblemt.in/forum/" title="Forum">Forum</a></li>
<li class="menu-item"><a href="articles/" title="Articles - Aliens, Science, Health, Technology, Sports, Religion, Ufo, Astronomy">Articles</a></li>
<li class="menu-item"><a href="projects/" title="Projects">Projects</a></li>
<li class="menu-item"><a href="about-imt/" title="About">About</a></li>
</ul>

Update : I removed &innerClass=`sub-menu` and instead of this, I updated my innerTpl to

<ul class="sub-menu">[[+wf.wrapper]]</ul>

Why its not showing sub navigation?

My Proudly Powerd By Modx site - http://irresistiblemt.in

Its simple site but its made in best CMS.

discuss.answer

☆ A M B ☆
24,524 Posts

sottwell Reply #14, 9 years, 9 months ago

Because your &level=`1` is telling it to only do one level. Try &level=`2`

Studying MODX in the desert - http://sottwell.com
Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
Join the Slack Community - http://modx.org

109 Posts

Mayanktaker Reply #15, 9 years, 9 months ago

Opps! Opps! I missed that. Perfect! Thank you for figuring it out. It works fantastic. Thank you ! very much.

Here is my final call .. where I hide the Articles' child -

[[Wayfinder? &startId=`0` &ignoreHidden=`0` &level=`2` &outerTpl=`outerTpl` &firstClass=`` &lastClass=`` &hereClass=`` &rowClass=`menu-item` &innerClass=`sub-menu`  &rowTpl=`rowTpl` &innerTpl=`innerTpl` &innerRowTpl=`InnerRowTpl`  &where=`{"class_key:!=": "Article"}`]]

Also thansk to Bob for his help. He is great man.
[ed. note: Mayanktaker last edited this post 9 years, 9 months ago.]

My Proudly Powerd By Modx site - http://irresistiblemt.in

Its simple site but its made in best CMS.

Answered Template related help