Answered

How do you add a secondary navigation to a portal?

(0) Share

Report

Posted on by JeroenJanssens

My portal currently has a primary navigation in the header and a secondary navigation that I added manually in my custom header.

 </div>
 <div class="container-sgw" >
 <div class="container" >
 <ul class="nav-sgw navbar-nav2-sgw main-menu-sgw-search">
 <li><a href="https://www.sint-gillis-waas.be/zoeken" ><span class="material-icons-nav-sgw"></span></a></li>
 </ul>
 <ul class="nav-sgw navbar-nav2-sgw main-menu-sgw">
 <li><a href="https://www.sint-gillis-waas.be/wonen-en-leven" ><span class="nav-item-sgw">Wonen en Leven</span><span class="nav-item-border-sgw"></span></a></li>
 <li><a href="https://www.sint-gillis-waas.be/vrije-tijd" ><span class="nav-item-sgw">Vrije Tijd</span><span class="nav-item-border-sgw"></span></a></li>
 <li><a href="https://www.sint-gillis-waas.be/welzijn-2" ><span class="nav-item-sgw">Welzijn</span><span class="nav-item-border-sgw"></span></a></li>
 <li><a href="https://www.sint-gillis-waas.be/bestuur-en-beleid" ><span class="nav-item-sgw">Bestuur en Beleid</span><span class="nav-item-border-sgw"></span></a></li>
 </ul>
 </div>
 </div>
</div>

Can I use the "Secondary Navigation" Web Link Set for this instead? If so, what code do I need to add to my custom header?

Categories:

General topics

I have the same question (0)

All responses (2)

Answers (1)

Sort by

Verified answer

mago_00 44 on at

Like (1)

Report
Copy link

Link copied!
Hi,

You can do something similar below to render your web link record using liquid templates
{% assign nav = weblinks[Custom Navigation] %} {% if nav %} <h1>{{ nav.title | escape }}</h1> <ul class="nav-sgw navbar-nav2-sgw main-menu-sgw"> {% for link in nav.weblinks %} <li> <a href={{ link.url | escape }} title={{ link.tooltip | escape }}></a><span class="nav-item-sgw">{{ link.name | escape }}</span> </li> {% endfor %} </ul>

Was this reply helpful? Yes No
JeroenJanssens 84 on at

Like (0)

Report
Copy link

Link copied!
That got me started! The final code I made is the following:

<div class="container-sgw" > <div class="container" > <ul class="nav-sgw navbar-nav2-sgw main-menu-sgw-search"> <li><a href="https://www.sint-gillis-waas.be/zoeken" ><span class="material-icons-nav-sgw"></span></a></li> </ul> {% assign secondary_nav_name = "Secondary navigation SGW" %} {% assign secondary_nav = weblinks[secondary_nav_name] %} {% if secondary_nav %} <ul class="nav-sgw navbar-nav2-sgw main-menu-sgw"> {% for link in secondary_nav.weblinks %} <li> <a href={{ link.url | escape }} title={{ link.tooltip | escape }}><span class="nav-item-sgw">{{ link.name | escape }}</span><span class="nav-item-border-sgw"></span></a> </li> {% endfor %} {% endif %} </ul> </div> </div>

Was this reply helpful? Yes No