Split Wayfinder links into 2 positions (left and right)

Hi,

How to split wayfinder links into 2 positions(left and right)? For example I have 8 links, so I want to display 1st-4th link in the left and 5th-8th in the right like below:

<div class="main_nav left">
<ul>
<li class="first active"><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li class="last"><a href="#">Link 4</a></li>
</ul>
</div>
<div class="main_nav right">
<ul>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
<li><a href="#">Link 7</a></li>
<li class="last"><a href="#">Link 8</a></li>
</ul>
</div>


Can anyone help me please???

Sorry my english not good.

Thx

How is the structure of the site? I mean the Tree Menu on the left in the Manager

The first solution that comes to my mind is this:

Menu tree:


Wayfinder Call:

Hi Microchip,

Thank you very munch for the solution. Sorry that I didn’t explain it more specific.
Yes..the menu tree is exactly like what you mean. But what about if the links only 5 or 6 links? So basically I want to split the link automatically into 2 positions with the same number of link for each position.

For Example:

1. 5 links:
<div class="main_nav left">
<ul>
<li class="first active"><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li class="last"><a href="#">Link 3</a></li>
</ul>
</div>
<div class="main_nav right">
<ul>
<li><a href="#">Link 4</a></li>
<li class="last"><a href="#">Link 5</a></li>
</ul>
</div>

2. 6 links
<div class="main_nav left">
<ul>
<li class="first active"><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li class="last"><a href="#">Link 3</a></li>
</ul>
</div>
<div class="main_nav right">
<ul>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li class="last"><a href="#">Link 6</a></li>
</ul>
</div>

Once again thank you for your great help.


Regards,
Made

With the solution above the links can be 5, 6, or 20, it doesn’t matter. Just exlude the docs you don’t want to show with the &excludeDocs parameter. Btw, if they have such a specific number how can you do it automatically? Maybe if you explain me better I can find another solution.

Yes...Your solutions above is great and working for me. But the problem is that I don’t know how many links will be created by the editor(doesn’t know anything about HTML, CSS, etc) and the editor doesn’t need to edit the template every-time he/she create a new page/link. So I need to create a template that automatically split into 2 positions.


Regards,
Made

Is not possible to change the website structure? Like this:

I’m afraid I can not change the structure, otherwise the editor will confuse to add new page/link and he/she will keep asking me.

But the user has to choose at least if the page goes in the menu on the right or in the menu on the left, right? So in the manager you could add a Dropdown Template Variable with two choices: Menu Left; Menu Right.

Than I think you could use Ditto and the filter parameter to generate the menu accordingly.