简单的菜单与typoscript

时间:2015-08-21 08:18:46

标签: menu typoscript

我正在开发一个typo3网站..并且菜单必须是动态生成的..因此需要使用生成的typoscript。我的意思是typoscript生成html代码,当然我已经有了我的CSS风格。我只需要生成此层次结构的typoscript代码

                 <div class="row">
                        <a href="kurse.html">
                            <div class="nav-item"> 
                                <img src="images/item-icon.jpg" class="nav-item-img">
                                kurse 
                            </div>
                        </a>
                        <a href="kraft.html">
                            <div class="nav-item"> 
                               <img src="images/item-icon.jpg" alt=""> 
                               kraft 
                            </div>
                        </a>
                        <a href="ausdauer.html">
                            <div class="nav-item"> 
                               <img src="images/item-icon.jpg" alt=""> 
                                ausdauer </div>
                        </a>
                        <a href="wellness.html">
                            <div class="nav-item">
                              <img src="images/item-icon.jpg" alt="">
                               wellness</div>
                        </a>
                        <a href="extras.html">
                            <div class="nav-item"> 
                              <img src="images/item-icon.jpg" alt="">
                              extras</div>
                        </a>

                </div>

我已经尝试了一下,但是我被困在元素中以及如何在其中制作图像元素,这是我到目前为止所尝试的

lib.header_menu = COA
lib.header_menu {
10 = HMENU
10 {
    wrap = <div class="row">|</div>
    entryLevel = 0
    1 = TMENU
    1 {
        wrap = <a>|</a>
你能帮帮我吗?所以最后的菜单看起来完全如此: enter image description here

1 个答案:

答案 0 :(得分:0)

试试这个:

[...]
1 = TMENU
1 {
    NO.linkWrap = <div class="nav-item"><img src="images/item-icon.jpg" alt="">|</div>
    NO.ATagBeforeWrap = 1
}
[...]

通过使用带有ATagBeforeWrap的linkWrap,您可以告诉TYPO3首先包装链接文本,然后将a-tag包裹在其周围。没有经过测试,但应该可以使用。