typoscript_navigation

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
typoscript_navigation [12/10/2020 20:42]
Thomas Berscheid
typoscript_navigation [15/11/2020 23:22] (aktuell)
Thomas Berscheid [Breadcrumb Navigation mit VHS Viewhelper für Rich Text]
Zeile 140: Zeile 140:
   </v:page.breadCrumb>   </v:page.breadCrumb>
      
-Im obigen Fall bauen wir eine Navigation mit einer ungeordneten Liste über ''<ul>'' und ''<li>'' auf. Wir können natürlich auch ein ''<div>'' nehmen oder es bei reinem Text belassen - unser TYPO3 Projekt bestimmt, welcher HTML-Quelltext dabei generiert wird.  +Im obigen Fall bauen wir eine Navigation mit einer ungeordneten Liste über eine ungeordnete Liste auf. Wir können natürlich auch ein DIV-Element nehmen oder es bei reinem Text belassen - unser TYPO3 Projekt bestimmt, welcher HTML-Quelltext dabei generiert wird.  
  
 ==== Breadcrumb Navigation mit VHS Viewhelper für Rich Text ==== ==== Breadcrumb Navigation mit VHS Viewhelper für Rich Text ====
Zeile 153: Zeile 153:
     <span itemscope itemtype="https://schema.org/BreadcrumbList">     <span itemscope itemtype="https://schema.org/BreadcrumbList">
       <f:for each="{menu}" as="menuItem" iteration="breadIteration">       <f:for each="{menu}" as="menuItem" iteration="breadIteration">
-        <f:if condition="{breadIteration.index}>0">&raquo;</f:if> 
         <span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">         <span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
-        <f:link.page pageUid="{menuItem.uid}" title="{menuItem.title}" additionalAttributes="{itemprop=\"item\"}">+        <f:link.page pageUid="{menuItem.uid}" title="{menuItem.title}" additionalAttributes="{itemprop="item"}">
           <span itemprop="name">{menuItem.title}</span>           <span itemprop="name">{menuItem.title}</span>
         </f:link.page>         </f:link.page>
Zeile 163: Zeile 162:
     </span>     </span>
   </v:page.breadCrumb>   </v:page.breadCrumb>
 +
 +
 +<WRAP left info 100%>
 +Die Vorlage für den Aufbau einer Breadcrumb Navigation finden Sie bei [[https://schema.org/BreadcrumbList|Schema.Org]].
 +</WRAP>
  
 ===== Footer Navigation ===== ===== Footer Navigation =====
Zeile 235: Zeile 239:
 Nun muss das [[css_beispiele#css_fuer_footer_navigation_mit_zwei_ebenen|CSS angepasst]] werden, damit die Ebenen auch responsiv dargestellt werden.   Nun muss das [[css_beispiele#css_fuer_footer_navigation_mit_zwei_ebenen|CSS angepasst]] werden, damit die Ebenen auch responsiv dargestellt werden.  
      
-===== Sprache der Webseite umschalten=====+===== Sprache der Webseite umschalten - Language Selection Menu ===== 
 + 
 +Im folgenden Kapitel beschreiben wir Ihnen an Hand von Source Code Beispielen, wie Sie ein Language Selection Menu in TYPO3 mit TypoScript aufbauen. Es gibt seit der Version 10.4 von TYPO3 jedoch auch die Möglichkeit, ein Sprachmenu über Fluid Templates mit Hilfe des Data Processors aufzubauen.  
 + 
 +<WRAP left info 100%> 
 +[[fluid_navigation#language_selection_menu_-_sprachumschalter_mit_fluid|Language Selection Menu - Sprachumschalter mit Fluid]] 
 +</WRAP>
  
 ==== Sprachmenu  mit Textlinks ==== ==== Sprachmenu  mit Textlinks ====
  • typoscript_navigation.1602528145.txt.gz
  • Zuletzt geändert: 12/10/2020 20:42
  • von Thomas Berscheid