Erstellung eines neuen Sitemap-Menüs unter FSC bis TYPO3 V7!

Erstellung eines neuen Sitemap-Menüs unter FSC bis TYPO3 V7!

Ihr werdet hier die einfachen Grundlagen erfahren, wie Ihr per Fluid-Styled-Content-Vorlagen, etwas Typoscript ein zusätzliches Sitemap-Menü erstellen könnt. Das TS holt die Image-Resource aus den Page-Eigenschaften.

 

Root-Page-TSConfig

Um das neue Menü auswählen zu können, müsst Ihr es zuerst über die Page-TSConfig "anmelden":

TCEFORM.tt_content.menu_type.addItems.15 = Meine Sitemap

Typoscript holt das Bild aus den Bildresourcen:

lib.pageResourceImage >
lib.pageResourceImage = FILES
lib.pageResourceImage {
   references {
      table = pages
      fieldName = media
      uid.data = field:pageUid
   }
   renderObj = IMAGE
   renderObj {
      file {
         width = 300
//         height = 200m
         maxW = 400
         maxH = 200
         import.data = file:current:publicUrl
      }
      altText.field = title
      titleText.field = title
   }
}

Das Fluid-Template dazu:

<html
    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
    xmlns:ce="http://typo3.org/ns/TYPO3/CMS/FluidStyledContent/ViewHelpers"
    data-namespace-typo3-fluid="true">

<div class="qpx-sitemap-15">
   <ce:menu.directory pageUids="{pageUids}" as="pages">
       <f:if condition="{pages}">
           <ul class="ce-menu ce-menu-15">
               <f:for each="{pages}" as="page">
                   <li>
                       <f:link.page pageUid="{page.uid}">
                     <f:if condition="{page.media} > 0">
                        <f:cObject typoscriptObjectPath="lib.pageResourceImage" data="{pageUid:'{page.uid}', pageResourceNr:'0'}" />
                     </f:if>
                     <h5>
                        <f:if condition="<f:format.stripTags>{page.nav_title}</f:format.stripTags>">
                           <f:then>
                              <f:format.stripTags>{page.nav_title}</f:format.stripTags>
                           </f:then>
                           <f:else>
                              {page.title}
                           </f:else>
                        </f:if>
                     </h5>
                       </f:link.page>

                     <f:if condition="{page.subtitle}">
                            <span class="ce-menu-subtitle"><strong>{page.subtitle}</strong></span>
                        </f:if>

                       <f:if condition="{page.abstract}">
                           <span class="ce-menu-abstract">{page.abstract}</span>
                       </f:if>
                   </li>
               </f:for>
           </ul>
       </f:if>
   </ce:menu.directory>
</div>

</html>



Damit müsstet Ihr es eigentlich schaffen, wenn nicht, dann meldet Euch einfach bei uns.

Auswahl dieser Funktion im BE: