YAML für TemplaVoila TYPO3 Dokumentation von T3NET

YAML für TemplaVoila, TypoScript Code und Design das TYPO3 Extension Templates Original von T3NET

Referenzen Image
Sie befinden sich hier : 
Dokumentation / YAML für TemplaVoila / TypoScript Bibliotheken / lib.header

lib.header

  1. // Search-Box Settings
  2. plugin.tx_macinasearchbox_pi1 {
  3.   pidSearchpage = {$searchPagePID}
  4.   templateFile = {$searchboxTmplFile}
  5. }
  6. // Language-specific settings first foreign language:
  7. [globalVar = GP:L = {$firstForeignLanguage}]
  8. plugin.tx_macinasearchbox_pi1.templateFile = {$searchboxTmplFileFirstLang}
  9. [global]
  10. // Language-specific settings second foreign language:
  11. [globalVar = GP:L = {$secondForeignLanguage}]
  12. plugin.tx_macinasearchbox_pi1.templateFile = {$searchboxTmplFileSecondLang}
  13. [global]
  14. // Header Settings
  15. lib.header = COA
  16. lib.header {
  17.   stdWrap.prefixComment = 2|Output of lib.header
  18.   10 < plugin.tx_macinasearchbox_pi1
  19.   20 = COA
  20.   20 {
  21.     stdWrap.prefixComment = 2|Output of lib.header.20
  22.     wrap = <div id="topnav">|</div>
  23.     10 = TEXT
  24.     10.value = {$headerSkiplinkHtmlCodeStandardLang}
  25.     20 = HMENU
  26.     20 {
  27.       special = list
  28.       special.value = {$headerNavigationIncludeList}
  29.       1 = TMENU
  30.       1 {
  31.         noBlur = 1
  32.         wrap = |
  33.         NO = 1
  34.         NO.ATagTitle.field = abstract // description // subtitle
  35.         NO.linkWrap = |&nbsp;&#124;&nbsp; |*| |&nbsp;&#124;&nbsp; |*| |
  36.         NO.allWrap = |
  37.         NO.stdWrap.htmlSpecialChars = 1
  38.         CUR < .NO
  39.         CUR = 1
  40.         CUR.allWrap = <strong>|</strong>
  41.         CUR.doNotLinkIt = 1
  42.         CUR.stdWrap.htmlSpecialChars = 1
  43.       }
  44.     }
  45.   }
  46. // Second image in header (can be a banner, SECOND image saved in page-properties is taken)
  47.   40 = COA
  48.   40 {
  49.     stdWrap.prefixComment = 2|Output of lib.header.40
  50.     stdWrap.outerWrap.cObject = COA
  51.     stdWrap.outerWrap.cObject {
  52.       wrap = <div id="banner">|</div>
  53.       10 = TEXT
  54.       10.value = <img class="headImg2" src="|"
  55.       20 = TEXT
  56.       20.value = alt="
  57.       30 = TEXT
  58.       30.data = page:title
  59.       40 = TEXT
  60.       40.value = "
  61.       50 = TEXT
  62.       50.value = title="
  63.       60 = TEXT
  64.       60.data = page:title
  65.       70 = TEXT
  66.       70.value = " />
  67.     }
  68.     10 = IMG_RESOURCE
  69.     10 {
  70.       file = GIFBUILDER
  71.       file {
  72.         format = png
  73.         XY = {$headerBannerWidth},{$headerBannerHeight}
  74.         10 = IMAGE
  75.         10 {
  76.           file {
  77.             width = {$headerBannerWidth}
  78.             height = {$headerBannerHeight}
  79.             import {
  80.               required = 1
  81.               data = levelmedia: -1, "slide"
  82.               wrap = uploads/media/ |
  83.               listNum = 1
  84.             }
  85.           }
  86.         }
  87.       }
  88.     }
  89.   }
  90. }
  91. // First image in header, FIRST image saved in page-properties is taken
  92. // Variant No. 1: User has chosen NOT to link it with homepage
  93. lib.header.30 = COA
  94. lib.header.30 {
  95.   stdWrap.prefixComment = 2|Output of lib.header.30
  96.   stdWrap.outerWrap.cObject = COA
  97.   stdWrap.outerWrap.cObject {
  98.     10 = TEXT
  99.     10.value = <img class="headImg1" src="|"
  100.     20 = TEXT
  101.     20.value = alt="
  102.     30 = TEXT
  103.     30.data = page:title
  104.     40 = TEXT
  105.     40.value = "
  106.     50 = TEXT
  107.     50.value = title="
  108.     60 = TEXT
  109.     60.data = page:title
  110.     70 = TEXT
  111.     70.value = " />
  112.   }
  113. }
  114. // Variant No. 2: User has chosen to link it with homepage
  115. [globalVar = LIT:1 = {$linkFirstImageToggle}]
  116. lib.header.30 = COA
  117. lib.header.30 {
  118.   stdWrap.prefixComment = 2|Output of lib.header.30
  119.   stdWrap.outerWrap.cObject = COA
  120.   stdWrap.outerWrap.cObject {
  121.     10 = TEXT
  122.     10.value = <img class="headImg1" src="|" alt="" title="Home" />
  123.     10.typolink.parameter = {$homePageUID}
  124.     10.typolink.target =
  125.     20 >
  126.     30 >
  127.     40 >
  128.     50 >
  129.     60 >
  130.     70 >
  131.   }
  132. }
  133. [global]
  134. // Both variants: Serach for nearest image in pagetree
  135. lib.header.30.10 = IMG_RESOURCE
  136. lib.header.30.10 {
  137.   file = GIFBUILDER
  138.   file {
  139.     format = png
  140.     XY = {$headerImageWidth},{$headerImageHeight}
  141.     10 = IMAGE
  142.     10 {
  143.       file {
  144.         width = {$headerImageWidth}
  145.         height = {$headerImageHeight}
  146.         import {
  147.           required = 1
  148.           data = levelmedia: -1, "slide"
  149.           wrap = uploads/media/ |
  150.           listNum = 0
  151.         }
  152.       }
  153.     }
  154.   }
  155. }
  156. // Delete COA-Members if user has set the appropriate option
  157. [globalVar = LIT:1 = {$searchBoxOff}]
  158. lib.header.10 >
  159. [global]
  160. [globalVar = LIT:1 = {$topNavOff}]
  161. lib.header.20 >
  162. [global]
  163. [globalVar = LIT:1 = {$firstHeaderImgageOff}]
  164. lib.header.30 >
  165. [global]
  166. [globalVar = LIT:1 = {$secondHeaderImgageOff}]
  167. lib.header.40 >
  168. [global]
  169. // Language-specific settings first foreign language:
  170. [globalVar = GP:L = {$firstForeignLanguage}]
  171. lib.header.20.10.value = {$headerSkiplinkHtmlCodeFirstLang}
  172. [global]
  173. // Language-specific settings second foreign language:
  174. [globalVar = GP:L = {$secondForeignLanguage}]
  175. lib.header.20.10.value = {$headerSkiplinkHtmlCodeSecondLang}
  176. [global]

Erklärung des Codes

Zeile 1 ff: Einstellungen für die Suchbox.

Zeile 6 ff: Sprach-spezifische Einstellungen für die Suchbox

Zeile 18: lib.header.10 (Suchbox)

Zeile 19 ff: lib.header.20 (Navigation oben rechts). Die IDs der Seiten, die in diesem Menü enthalten sein sollen, können mit dem Constant Editor ausgewählt werden.

Zeile 47 ff: lib.header.40 erzeugt die Wraps für das zweite Bild im Header.

Zeile 68 ff: lib.header.40.10 holt das zweite Bild aus der Datenbank und berechnet es mit dem GIFBUILDER neu. Wenn Sie diese Grafik nicht mit dem GIFBUILDER bearbeiten möchten, können Sie nach dieser Anleitung vorgehen um das zu ändern.

Zeile 93 ff: lib.header.30 erzeugt die Wraps für das erste Bild im Header.

Zeile 115 ff: Wurde im Constant Editor festgelegt, dass das erste Bild im Header immer einen Link zur Homepage darstellen soll, wird hier lib.header.30 dahingehend geändert.

Zeile 135 ff: lib.header.30.10 holt das erste Bild aus der Datenbank und berechnet es mit dem GIFBUILDER neu. Wenn Sie diese Grafik nicht mit dem GIFBUILDER bearbeiten möchten, können Sie nach dieser Anleitung vorgehen um das zu ändern.

Zeile 156 ff: Je nachdem welche Elemente des Headers mit dem Constant Editor angeschaltet wurden, sorgen die entsprechenden Conditions dafür, dass diese dann wieder gelöscht werden.

Zeile 169 ff: Die Texte der Skiplink-Navigation werden hier an die beiden Fremdsprachen angepasst.

Design 1
Design 2
Bookmark this page