Überholt

Inzwischen wurde bereits eine neuere Version von Steffen Kamper eingereicht (erhältlich im Online Repository), welche auch eine Seitennavigation enthält. Weil dies auch als Beispiel für eine Anpassung dienen kann, bleibt es erhalten.

Seitennavigation für sk-simplegallery

Die TYPO3 Extension Initiates file downloadsk-simplegallery von Opens external link in new windowSteffen Kamper ist eine für Autoren angenehm zu handhabende Bildergallerie. Das einzige Defizit: es fehlt eine Seitennavigation. Sollte eine Bildergallerie also aus vielen Bildern bestehen, so muss ein Besucher alle Bilder (zumindest die Voransichten) laden, was einiges an Zeit beansprucht. Aufgrund einer Kundenanfrage habe ich eine simple Seitennavigation für diese Extension geschrieben. Initiates file downloadDie veränderte Version von ski-simplegallery steht hier zum Download bereit.

Bild des TYPO3 Backends
Einstellungsmöglichkeiten

Konfiguration der Extension

Die Seitennavigation wird vorwiegend durch TypoScript verändert. Nur die Einstellung Einträge pro Seite kann im Formular des Backend eingestellt werden. Die Konfiguration des TypoScript erfolgt durch die Elemente pagebrowser und singleView, wobei singleView schon vorher Teil der Extension war. Hier ein kleines Beispiel - TS:

TypoScript Setup
plugin.tx_sksimplegallery_pi1 {
    templateFile = path-to-your-template

    popupBodyTag = <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    captionWrap = <p style="font: 0.9em 'palatino', arial, helvetica, sans-serif;padding:10px;">|</p>

    singleView {
        entriesPP = 9
        entriesPerLine = 3
        line_start = <tr>
        line_end = </tr>
    }

    pageBrowser {
        activePageWrap = <span class="activePage">|</span>
        pageWrap = <span class="page">|</span>

        nextLinkWrap = <span class="nextLink">|</span>
        previousLinkWrap = <span class="previousLink">|</span>
        inactiveNextLinkWrap = <span class="inactiveNextLink">|</span>
        inactivePreviousLinkWrap = <span class="inactivePreviousLink">|</span>

        jumpFirstPageWrap = <span class="jumpToFirst">|</span>
        jumpLastPageWrap = <span class="jumpToLast">|</span>
        inactiveJumpFirstPageWrap = <span class="inactiveJumpToFirst">|</span>
        inactiveJumpLastPageWrap = <span class="inactiveJumpToLast">|</span>

        showInactiveLinks = 1
    }
    captionHeight = 100
    general_stdWrap >
}

(copy 1)

TypoScript Setup
plugin.tx_sksimplegallery_pi1 {
    templateFile = path-to-your-template

    popupBodyTag = <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    captionWrap = <p style="font: 0.9em 'palatino', arial, helvetica, sans-serif;padding:10px;">|</p>

    singleView {
        entriesPP = 9
        entriesPerLine = 3
        line_start = <tr>
        line_end = </tr>
    }

    pageBrowser {
        activePageWrap = <span class="activePage">|</span>
        pageWrap = <span class="page">|</span>

        nextLinkWrap = <span class="nextLink">|</span>
        previousLinkWrap = <span class="previousLink">|</span>
        inactiveNextLinkWrap = <span class="inactiveNextLink">|</span>
        inactivePreviousLinkWrap = <span class="inactivePreviousLink">|</span>

        jumpFirstPageWrap = <span class="jumpToFirst">|</span>
        jumpLastPageWrap = <span class="jumpToLast">|</span>
        inactiveJumpFirstPageWrap = <span class="inactiveJumpToFirst">|</span>
        inactiveJumpLastPageWrap = <span class="inactiveJumpToLast">|</span>

        showInactiveLinks = 1
    }
    captionHeight = 100
    general_stdWrap >
}

Eine vollständige Liste des TS-Setup kann auf der Opens external link in new windowoffiziellen TYPO3 Seite für Entwickler gefunden werden. Die folgenden Zeilen sind die Einstellungsmöglichkeiten der Seitennavigation:

TypoScript Setup
plugin.tx_sksimplegallery_pi1 {
    singleView {
        entriesPP = 9
        entriesPerLine = 3
        line_start = <tr>
        line_end = </tr>
    }

    pageBrowser {
        activePageWrap = <span class="activePage">|</span>
        pageWrap = <span class="page">|</span>

        nextLinkWrap = <span class="nextLink">|</span>
        previousLinkWrap = <span class="previousLink">|</span>
        inactiveNextLinkWrap = <span class="inactiveNextLink">|</span>
        inactivePreviousLinkWrap = <span class="inactivePreviousLink">|</span>

        jumpFirstPageWrap = <span class="jumpToFirst">|</span>
        jumpLastPageWrap = <span class="jumpToLast">|</span>
        inactiveJumpFirstPageWrap = <span class="inactiveJumpToFirst">|</span>
        inactiveJumpLastPageWrap = <span class="inactiveJumpToLast">|</span>

        showInactiveLinks = 1
    }
}

Was zum ...?!

Im Bereich singleView kann man die Einträge entriesPP, entriesPerLine, line_start und line_end finden. Aber wofür sind die da?

Der Bereich pagebrowser besteht mehr oder weniger nur aus Wraps. Der Syntax für diese Wraps ist der selbe wie in allen anderen TypoScripts:

Nun zu den Elementen in pagebrowser:

Beispiel

Im Einsatz ist diese Extension zur Zeit auf Opens external link in new windowPanorama Schenna und unter der Opens internal link in current windowSektion Photos dieser Seite zu sehen.

Download

 
en | de | it