Rendering the Active Wayfinder Item as Plain Text Instead of a Link

A small Wayfinder template adjustment is enough when the active menu item should no longer be clickable.

Some design systems and usability rules prefer the current menu item to appear as plain text instead of a clickable link. Wayfinder handles this cleanly because the active item already has its own template layer.

The idea

Keep the normal item template for inactive entries and create a separate active-row template that replaces the anchor tag with a plain text wrapper.

<!-- normal item -->
<li><a href="[+wf.link+]">[+wf.linktext+]</a></li>

<!-- active item -->
<li class="active"><span>[+wf.linktext+]</span></li>

Where to wire it in

[!Wayfinder?
  &startId=`8`
  &rowTpl=`tplMenuRow`
  &hereTpl=`tplMenuHere`
!]

This keeps the active branch visible for orientation while preventing pointless self-links. It is a small change, but on large sites it can make navigation feel much more intentional.

Newer post

Building Region and City Selectors in a WebLoginPE Registration Form

How to add dependent region and city dropdowns to a WebLoginPE registration flow without turning the form into an unmaintainable mess.

Older post

Recalculating Shopkeeper Totals When Quantity Buttons Change

A practical approach for triggering Shopkeeper cart recalculation when users click plus and minus quantity controls.