[Frage] Dropdown-Navigation mit dynamisch generierten Links [Gelöst] TYPO3-Version: -


  • 0 x
    13. 05. 2014, 09:19

    Hallo liebe Forengemeinde,

    ich habe vor kurzem mit der Webseitenerstellung mit Typo3 (Version 6.2) und Typoscript begonnen und stehe derzeit vor einem Problem, das ich trotz Internetrecherche bisher nicht lösen konnte:
    Ich habe auf einer Webseite eine Dropdown-Navigation, die bei Mouseover ausklappt. Deren erster Eintrag soll ein Link zur jeweiligen Hauptseite der Kategorie sein. Das Schema sieht also folgendermaßen aus:

    Hauptseite Kategorie
    |- Link zur Hauptseite der Kategorie
    |- Link zu Unterseite
    |- ...

    Diese Links zu den Kategorie-Hauptseiten sollen per Typoscript dynamisch generiert werden. Eine Möglichkeit ist natürlich, die Links über href="?id={field : pid}" zu erzeugen. Da die Verlinkungen aber später in Namen (keine IDs) umgewandelt werden und auch ein eventuelles Umbenennen der Seite überstehen sollen, ist es damit leider nicht getan.

    Mein Typoscript-Code sieht derzeit folgendermaßen aus:

    1. TOPNAV {
    2.  
    3. 1 = TMENU
    4. 1 {
    5. stdWrap.dataWrap = <ul class="nav navbar-nav">|</ul>
    6. expAll = 1
    7. NO.wrapItemAndSub = <li>|</li>
    8.  
    9. ACT = 1
    10. ACT.wrapItemAndSub = <li class="active">|</li>
    11. CUR < ACT
    12. }
    13. 2 < .1
    14. 2 {
    15. <div class="pfeil"></div><div class="container submenu">
    16. <div class="col-xs-4"><div class="imgWrapper"><img data-src="holder.js/190x117" /></div><a href="?id={field : pid}"><span class="icon to"></span>Zur Übersicht</a></div><div class="col-xs-8"><ul class="row">|</ul></div></div>
    17. )
    18. NO.wrapItemAndSub = <li class="col-xs-6">|</li>
    19.  
    20. ACT = 1
    21. ACT.wrapItemAndSub = <li class="active col-xs-6">|</li>
    22. CUR < ACT
    23. }
    24. }

    Das Script wird über
    <!-- ###TOPNAV### start -->
    <!-- ###TOPNAV### end -->
    in das Template eingebunden.

    Hat jemand eine Idee, wie das Problem zu lösen ist?

    Viele Grüße

    ddstek


  • 0 x
    31. 07. 2014, 15:46 - Lösung

    Ich möchte noch einmal an meinen Beitrag anknüpfen. Die Seite ist mittlerweile fertiggestellt: [url]http://www.lifecenter.de[/url]

    Dort sind in der Dropdown-Navigation unterhalb der Bilder die Links, die ich angesprochen habe. Vielleicht kann sich damit jemand ein besseres Bild machen.


  • 1
  • jenses jenses
    Flash Gordon
    0 x
    3087 Beiträge
    106 Hilfreiche Beiträge
    14. 05. 2014, 09:53

    Na, hartcodierte Links á la "href="?id={field : pid}" sind natürlich nicht schick.
    Warum nutzt du nicht typolink ( http://www.typo3.net/tsref/functions/typolink/ )?


  • 0 x
    14. 05. 2014, 10:05

    Hallo jenses,

    danke für die Antwort. Die Idee hatte ich auch schon, bin aber leider nicht weitergekommen. Kannst du mir ein Beispiel zeigen, wie du das mit typolink lösen würdest?


  • 0 x
    31. 07. 2014, 15:46

    Ich möchte noch einmal an meinen Beitrag anknüpfen. Die Seite ist mittlerweile fertiggestellt: [url]http://www.lifecenter.de[/url]

    Dort sind in der Dropdown-Navigation unterhalb der Bilder die Links, die ich angesprochen habe. Vielleicht kann sich damit jemand ein besseres Bild machen.

  • 1