We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 29201
    • 239 Posts
    I’m trying to replicate this:

    <div id="header_menu">
            <ul id="navigation">
              <li><a href="index.html">Home</a></li>
              <li><a href="about.html">About Us</a></li>
              <li><a href="services.html">Services</a>
                <!--notice you do not close the </li> here -->
                <ul class="second-level">
                  <!--start a new list with the style: class="second-level"-->
                  <li> <a href="#">Other Service 1</a></li>
                  <li> <a href="#">Other Service 2</a></li>
                  <li> <a href="#">Other Service 3</a></li>
                  <li> <a href="#">Other Service 4</a></li>
                  <li> <a href="#">Other Service 5</a></li>
                  <li> <a href="#">Other Service 6</a></li>
                </ul>
                <!-- close the new list-->
              </li>
              <!-- close the services <li>-->
              <li><a href="sitemap.php">Site Map</a> </li>
              <li><a href="blog.html">Blog</a></li>
              <li><a href="contact.html"  style="background-image:none;">
                <!--this gets rid of last divider-->
                Contact Us</a></li>
            </ul>
          </div>
    


    correctly with wayfinder. I thought this could be done using &outerTpl and $rowTpl parameters and perhaps it’s just my thick skull that can’t seem to get it to work.

    Using &outerTpl I’ve been able to create the top level elements of the nav but not the second level. Any advice or gracious code examples would be much appreciated.

    Thanks!
      • 29201
      • 239 Posts
      Solved this!

      I needed the innerTpl parameter so my call looked like this:

      [!Wayfinder?&startId=`0`&level=`2`&outerTpl=`navigation`&innerTpl=`innerTpl`!]


      with navigation as follows:
      <ul id="navigation"[+wf.classes+]>
      	[+wf.wrapper+]
      </ul>


      and innerTpl as follows:

      <ul class="second-level"[+wf.classes+]>[+wf.wrapper+]</ul>

      This discussion is closed to further replies. Keep calm and carry on.