Wayfinder With Heading

Support
1

I am trying to output a menu column which has a header. In the example below, BLOG is the parent folder.

<h5 class="text-3 mb-3">BLOG</h5>
<ul class="list list-icons list-icons-sm">
     <li><a href="#">Item 1</a></li>
     <li><a href="#">Item 2</a></li>
</ul>

I have played around with the &startItemTpl (and I did set &displayStart=1) but don’t really see any documentation and can’t figure out how to make the Parent the header. Can anyone enlighten me on how to make the above happen with Wayfinder?

2

Did you set the property displayStart to “true”?

[[Wayfinder?
    ...
    &displayStart=`1`
]]
3

Yes, I did. Sorry, I should have mentioned that in my post.

4

So let’s assume your “Blog” page has the ID = 8.
When you call Wayfinder with &startId=`8` and displayStart set to “1”,

[[Wayfinder?
    &startId=`8`
    &displayStart=`1`
]]

the code uses the default “startItemTpl” template:

<h2[[+wf.id]][[+wf.classes]]>[[+wf.linktext]]</h2>[[+wf.wrapper]]

and displays a <h2> tag with the menutitle of resource = 8 above the rest of the menu.
The rest stays the same.

Is that what you’re trying to achieve?

5

So what you are saying is I don’t need to use the &startTpl variable? Let me go fiddle with this right now.

6

Still not working. Now all I get is the heading. Here is what I have:

Snippet Call:

[[Wayfinder?
 &startID=`5`
 &displayStart=`1`
 &limit=`4`
 &level=`2`
 &startItemTpl=`footerColumnStartItemTpl`
 &outerTpl=`footerColumnOuterTpl`
 &rowTpl=`footerColumnRowTpl`
]]

&startItemTpl
<h5 class="text-3 mb-3">[[+wf.linktext]]</h5>[[+wf.wrapper]]

&outerTpl

<ul class=list list-icons list-icons-sm>
 [[+wf.wrapper]]
</ul>

&rowTpl
<li><i class="fas fa-angle-right top-8"></i> <a class="link-hover-style-1 text-color-light" href="[[+wf.link]]">[[+wf.linktext]]</a>[[+wf.wrapper]]</li>

7

If you change the D in the property name to lower case, it should work:

&startId=`5`
8

How stupid of me. Thanks for catching that. It works now!!

9

This topic was automatically closed 2 days after discussion ended and a solution was marked. New replies are no longer allowed. You can open a new topic by clicking the link icon below the original post or solution and selecting “+ New Topic”.