Wayfinder class names

Hi everyone!

This is a problem that’s really stumping me – I need to have an image dynamically show up as the header depending on which first-level nav item you’re hovering over (including it’s submenus). (i.e. hovering over Home and any of it’s children would show a different image than when hovering over About and any of its children).

I figured out a semi-easy way to do this through some simple CSS/HTML, but it only works for links I can control by hand – not those automatically generated by Wayfinder. I noticed Wayfinder automatically appends the classes of "first" and "last" to the first and last items of a list, which is super helpful.

So getting to the point, my main question is, how can I get it to force a different class onto each item all the way down (i.e. first, second, third, fourth, fifth, last), or even just (first + 1, 2, 3, 4, 5, last + 6) so I can individually control them.

Thanks a lot!!

The following is the method I wan to use. So if there’s a way to just manually insert these into the first-level "li"s created by Wayfinder (these won’t change so it’s not big deal if they’re not dynamically created like their children), that would work just as well! Thank you!

You can use TVS, [+tvname+], in the row-level tpl. The The (almost) Complete Guide to Creating Menus in MODx Using Wayfinder has a section describing how to create a Fisheye menu using an image TV named menutv:

That seems like it would work perfectly, thank you so much!

However, how can I get a rowTpl template to only affect the first-level, and have the second and subsequent ones act as they currently do now (the default settings)?

I believe it’s outerRowTpl

I was also thinking there might be some way to get a TV to output the resource’s menuindex, and use the TV in creating a classname.