We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 36711
    • 68 Posts
    Hi Guys

    It looks like I have a tiny problem and couldn’t figure out what I am doing wrong.
    And here are the facts:
    I am using MODX Rev 2.0.4-pl 2 and trying to build up my simple top horizontal navigation (no drop down, only one level) with Wayfinder. In order to make my navigation look like my CSS based frame layout, I need to customize all elements to make it workable with my css style.
    My main problem is that I couldn’t configure my links so that the anchor text be in within a span element like this:
    <li><a href="#" title=""><span>Anchor text</span></a></li>


    The call snippet in my template looks like this:
    [[Wayfinder? &startId=`0` &includeDocs=`1,11,2,16,17,18,4,12` &sortBy=`menuindex` &outerTpl=`cssplay_outer` &cssTpl=`cssplay_dropdown`]]


    For the &outerTpl I am using this:
       <ul id="topnav">
            [[+wf.wrapper]]
        </ul>
    


    This way the navigation works pretty well however I need the span element to further customise in CSS.

    Here is what I tried:
    I added the &rowTpl=`cssplay_row` to the snippet call which is customised as follows:
       <li[[+wf.classes]]>
      <a href="[[+wf.link]]" title="[[+wf.title]"><span>[[+wf.linktext]]</span></a>
    </li>
    


    Refreshing my page, the links are not working (# tag in href, no title) and couldn’t achieve the look I need for the top nav.

    Probably I am misusing the parameters needed for this task. I’m trying to figure out what might be wrong by analysing parameter descriptions on muddydogpaws.com but till now I failed to solve this.

    After all, the solution should be very simple so I would appreciate if you could help me out.

    Thanks

      sherlockseo
      • 33976 ☆ A M B ☆
      • 571 Posts
      At first glance, everything looks fine to me. Maybe try to clear the cache since you are calling WF cached.

      Hope my 2cents help.
        • 36711
        • 68 Posts
        well, I have already tried by clearing the cache but same problem

        an additional information is that the page uses two navigations with use of Wayfinder. One top horizantal (1 level) and a left side navigation with all levels.

        I haven’t done anything with the left side nav, only added the default Snippet call
        [[Wayfinder? &startId=`0`]]

        which of course shows all the nav links in a default view

        in the meantime i will start customizing the left side nav, probably i will figure out what might be wrong

        hints, suggestions are still welcome

        thanks again
          sherlockseo
          • 36711
          • 68 Posts
          hello

          just managed to configure my vertical menu with wayfinder smiley

          I should be able to solve the top horizontal as well

          thanks anyway for your support
            sherlockseo