【问题标题】:Typoscript navigation setup排版导航设置
【发布时间】:2011-09-28 23:07:28
【问题描述】:

我是typo3 的新手,我必须设置一个导航。我已经完成了Timerate 上的教程,并且我已经构建了演示导航(教程的第 2 周)。

现在我必须设置一个必须看起来像这样的导航:

Link 1 | Link 2 | Link 3 | Link 4

后面的结构如下:

Link 1
Link 2
Link 3 (shortcut to sub link 1)
    Sublink 1
    Sublink 2
Link 4

当我在链接 1、链接 2 和链接 4 指定的部分时,整个菜单工作正常,但是当我点击链接 3 时没有任何显示。

Sublinks 将显示在辅助导航中

这是我在根 ts 模板上的打字稿(我正在使用 TemplaVoila):

lib.field_topmenu = HMENU
lib.field_topmenu {
    special = directory
    special.value = {$idMain}
    entryLevel = 2
    1 = TMENU
    1.NO = 1
    1.wrap = <div id="menu"><ul> | </ul></div>
    1.NO.wrapItemAndSub = <li>|</li>
    1.ACT < .1.NO
    1.ACT.ATagParams = class='active'
    2 < .1
}

实现这一目标的最佳方法是什么?

【问题讨论】:

    标签: typo3 typoscript


    【解决方案1】:

    很高兴您加入 TYPO3。

    据我所知,special = directory 的入门级别没有影响。

    这是一个可行的解决方案:

    lib.field_topmenu = HMENU
    lib.field_topmenu {
        special = directory
        special.value = 1
        1 = TMENU
        1.NO = 1
        1.wrap = <ul> | </ul>
        1.NO.wrapItemAndSub = <li>|</li>
        1.ACT < .NO
        1.ACT.ATagParams = class='active'
        2 < .1
    }
    

    您应该删除id=menu,因为它会向下重复级别,从而使您的 HTML 无效

    这是我们通常使用的一种解决方案,它还使用了字幕等,并在导航列表的第一个和最后一个元素中添加了特殊的类:

    lib.navi.one = HMENU
    lib.navi.one {
        1 = TMENU
        1 {
    
            noBlur = 1
            wrap = <ul>|</ul>
            NO = 1
            NO {
                wrapItemAndSub = <li class="first">|</li> |*| <li>|</li> |*| <li class="last">|</li>
                altText = subtitle // title
                title = subtitle // title
            }
            CUR < .NO
            CUR.wrapItemAndSub = <li class="active first">|</li> |*| <li class="active">|</li> |*| <li class="active last">|</li>
            ACT < .CUR
        }
        2 < .1
        3 < .2
        4 < .2
    }
    

    您可以很容易地将它应用到您的目录起点(并去掉第 3 和第 4 级):

    lib.field_topmenu < lib.navi.one
    lib.field_topmenu {
        special = directory
        special.value = {$idMain}
        3 >
        4 >
    }
    

    【讨论】:

      【解决方案2】:

      aTagParams 不适用于快捷方式。您必须将真实页面放入 sys 文件夹才能正常工作。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2014-04-21
        • 2015-11-10
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多