We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 48228
    • 3 Posts
    Hi guys , I have spent 10 days and could not find a solution. plz someone help me with this menu

    <nav id="main_menu">
    								<div class="menu_wrap">
    									<ul class="nav sf-menu LavaLamp">
    										<li class="current"><a href="index.html">Home</a></li>
    										<li class="sub-menu"><a href="javascript:{}">Information</a>
    											<ul>
    												<li><a href="scaffolding.html"><span>-</span>Trans</a></li>
    												<li><a href="typography.html"><span>-</span>Avia</a></li>
    												<li><a href="shortcodes.html"><span>-</span>Leo</a></li>
    												<li><a href="tables.html"><span>-</span>Words</a></li>
    											</ul>                                          
    										</li>
    										<li class="sub-menu"><a href="javascript:{}">Portfolio</a>
    											<ul>
    												<li><a href="portfolio_2columns.html"><span>-</span>2 Columns</a></li>
    												<li><a href="portfolio_3columns.html"><span>-</span>3 Columns</a></li>
    												<li><a href="portfolio_4columns.html"><span>-</span>4 Columns</a></li>
    											</ul>
    										</li>                                  
    										<li><a href="contacts.html">Contacts</a></li>
    									</ul>
    								</div>
    							</nav>
    


    • <nav id="main_menu">
          <div class="menu_wrap">
              [[Wayfinder? &startId=`0` &outerClass=`nav sf-menu LavaLamp` &parentClass=`sub-menu` &hereClass=`current`]] 
          </div>
      </nav>   
      

      This should do the job.
        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
      • If you don't want those parent row items (the sub-class li elements) to be a link, then use &categoryFoldersTpl=`subClassTpl` and put rel="category" in the Link Attributes field. Then use this for the chunk tpl:
        <li [[+wf.classes]]><span class="category">[[+wf.linktext]]</span>[[+wf.wrapper]]</li>

        Then adjust the CSS to give that span the same styling as the other top-level links.
          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
          • 48228
          • 3 Posts
          yeeeeeeeeah! I love you dude ), tnx soooo much!
            • 48228
            • 3 Posts
            yeeeeeeeeah! I love you dude ), tnx soooo much!
            • The trick is in two parts:

              1. Get a good understanding of how Wayfinder (and almost any other snippet) uses mini-templates, usually chunks, to format its output, and what options or properties does it provide to add classnames and the like to your HTML output (a reasonable understanding of CSS is also good here).

              2. Analyze what it is you want to output. In this case, you have the outer UL container, you have its top row of LI with A elements, some are parents or "category" items that you do not want to be active links, and you have inner UL and A elements.

              Then match the correct tpls to the parts of your output.

              These may be helpful.
                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
                • 36446
                • 184 Posts
                i do not even understand the question here - but susan was able to help! Outstanding!!!
                  https://www.beautyislife-shop.de - premium make-up!
                  https://www.topsterne.de - sell it here!
                  ---------------------------------------------------------