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

    I’m trying to build a site for my dad’s company using revo.

    I’m trying to create the menu system and from tutorials etc seems the way to go is wayfinder.

    My question is, is it possible to do the following.

    I’ve created a Menu that uses image rollovers that will always stay the same. My issue is with creating a sub menu that’s defined by the child documents within revo.

    I want to be able to call the sub nav when on the parent document.

    The sub nav isn’t anything fancy, is just a list item 1 | item 2 | item 3 etc

    But i’m struggling to figure out where to start on this, and if i need to have these in an unordered list under each image mapped ul or if i can just have a container with them in.

    Menu looks like attached

    Coding may not be great, but this is the attempt
    <div id="nav">
    		<div id="mainNav">
    			<ul id="menu">
    				<li class="home"><a href="index.html">Home</a></li>
    				<li class="about_us"><a href="/about_us/">About Us</a></li>
    				<li class="home_security"><a href="/home_security/">Home Security</a></li>
    				<li class="commercial_security"><a href="/commercial_security/">Commercial Security</a></li>
    				<li class="physical_security"><a href="/physical_security/">Physical Security</a></li>
    				<li class="existing_customers"><a href="/existing_customers/">Existing Customers</a></li>
    				<li class="contact_us"><a href="/abous_us/contact_us.html">Contact Us</a></li>
    			</ul>
    		</div>
    		<div id="subNav">
    			<a href="/home_security/special_offer/" class="selectedLink"><strong>Special Offers</strong></a> | <a href="/home_security/maintenance/">Maintenance</a> | <a href="/home_security/24hour_service/">24 Hour Service</a> | <a href="/home_security/remote_monitoring/">Remote Monitoring</a> | <a href="/home_security/pet_friendly/">Pet Friendly</a> | <a href="/home_security/cctv/">CCTV</a> | <a href="/home_security/faq/">FAQ</a> | <a href="/home_security/testimonials/">Testimonials</a>
    		</div>
    	</div>
    


    The Sub Nav is a bit lazy at the moment i will put into li tags, but it’s a development at the moment, but just want to know where to start with wayfinder, am i best to try and include the sub nav under each parent or to keep it separate as it is the only part i need to be printed out.

    Thanks for any assistance, this is still very new to me but slowly getting there.
      • 33968
      • 863 Posts
      Hi Ben, seems your post might have just slipped through there! Have you got anywhere with this one?

      There are a few ways you could do this, but what might be easiest is to do 2 Wayfinder calls: one for the general site menu and one for the subnav.

      Something like this:
      [[!Wayfinder? &startId=`0` ]]
      [[!Wayfinder? &startId=`[[*id]]` ]]
      


      The first Wayfinder call is for the general nav menu. It will output an unordered list by default which you can customise to add the class names you require. You can even have it output into a div instead of a list if you wish.

      The second call grabs the current page id as the starting point, so if there are no children/sub-pages then nothing will be output. Give it a go and see if it spits out the right pages, worry about styling it up later!