We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 9320
    • 1 Posts
    Hi,

    Please help in made non-standard secondary menu:

    Menu Structure:

    <ul class="menu">
    <li class="menuMain"><div class="liBack menuOpacity png_bg"></div><a href="#" class="img"><img class="png_bg" alt="main" src="img/main.png" border="0" /></a></li>
    <li class="menuPrice"><div class="liBack png_bg" ></div><a href="#" class="img"><img class="png_bg" alt="price" src="img/price.png" border="0" /></a>
    <div class="submenuZavitushkaButtom menuOpacity png_bg">
    <div class="submenuZavitushkaLeft png_bg">
    <ul>
    <li><a href="#" class="first png_bg">submenu</a></li>
    <li><a href="#" class="png_bg">submenu</a></li>
    <li><a href="#" class="png_bg">submenu</a></li>
    <li><a href="#" class="png_bg">submenu</a></li>
    <li><a href="#" class="png_bg">submenu</a></li>
    <li><a href="#" class="png_bg">submenu</a></li>
    <li><a href="#" class="png_bg">submenu</a></li>
    <li><a href="#" class="png_bg">submenu</a></li>
    <li><a href="#" class="png_bg">submenu</a></li>
    <li><a href="#" class="last png_bg">submenu</a></li>
    </ul>
    </div>
    </div>
    </li>
    </ul>


    First level i made:

    [!Wayfinder? &rowTpl=`maintpl` &rowIdPrefix=`menu` &startId=`0` &level=`2` &includeDocs=`1,3,4,5,6` &outerClass=`menu`!]

    maintpl

    <li class="menu[+iddoc+]"><div class="liBack menuOpacity png_bg"></div><a href="[+wf.link+]" class="img">[+menu-img+]</a></li>

    How can make sub menu? Please help if you can!

    Sorry fo my bad english...


      • 28042 ☆ A M B ☆
      • 24,524 Posts
      Examine the default rowTpl and make sure you include the [+wf.wrapper+] tag in your row tpl. Wayfinder can’t continue adding to the structure without that tag.
        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
        • 9320
        • 1 Posts
        Examine the default rowTpl and make sure you include the [+wf.wrapper+] tag in your row tpl. Wayfinder can’t continue adding to the structure without that tag.

        Thx for help, i include [+wf.wrapper+] tag in rowtpl
        <li class="menu[+iddoc+]"><div class="liBack menuOpacity png_bg"></div><a href="[+wf.link+]" class="img">[+menu-img+]</a>[+wf.wrapper+]</li>

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

        now weyfinder has a way
        [!Wayfinder? &rowTpl=`maintpl` &rowIdPrefix=`menu` &startId=`0` &includeDocs=`1,3,4,5,6` &level=`2` &outerClass=`menu` &innerRowTpl=`inner`
        !]

        Still nothing happens, sub menu don`t show.
        Sorry for nub quastions, but where i mistake?

        Thanks for help me!


          • 9320
          • 1 Posts
          I did it!

          Call weyfinder:

          [!Wayfinder? &rowTpl=`wfRow` &startId=`0` &level=`2` &outerTpl=`wfOuter` &innerTpl=`inner` &innerRowTpl=`wfInnerRow` !]

          chunk for rowTpl:
          <li class="menu[+iddoc+]"><div class="liBack menuOpacity png_bg"></div><a href="[+wf.link+]" class="img">[+menu-img+]</a>[+wf.wrapper+]</li>

          chunk for outerTpl:
          <ul class="menu">
          [+wf.wrapper+]
          </ul>

          chunk for innerTpl:
          <div class="submenuZavitushkaButtom menuOpacity png_bg">
          <div class="submenuZavitushkaLeft png_bg">
          <ul>
          [+wf.wrapper+]
          </ul>
          </div>
          </div>

          chunk for innerRowTpl:
          <li><a href="[+wf.link+]" class="[+wf.classnames+] png_bg" title="[+wf.title+]">[+wf.linktext+]</a>[+wf.wrapper+]</li>

          Thank you all, until we meet again

          Sorry for my bad english! I’m working on it!


            • 1169
            • 312 Posts
            Thanks for getting back to everyone.
            Would you please add [SOLVED] to the subject of your first post.
              DEVELOPMENT ENV:- Ubuntu 12.04 | MODx Revolution 2.2.8 | LAMP 2i Apache 2.2.22 | Php 5.3.10 | Mysql 5.5.31 MySQL client version: 5.5.31