ALLES ÜBER sz_slider UND WIE ES AUF WEBSITES EINGESETZT WIRD

Untersuchte Extension

sz_slider

sz_slider

Installationsanweisungen

  1. Fügen Sie nach der Installation zunächst einen Ordner in Ihrem Backend hinzu, in dem Sie Ihre Folien erstellen werden. Fügen Sie dazu ein neues Listenelement in Ihren Ordner ein und wählen Sie den Schieberegler.
  2. Erstellen Sie in Ihrem Typo3 Backend ein neues Inhaltselement auf einer Seite, wählen Sie das allgemeine Plugin und wählen Sie das Schieberegler-Plugin. Wählen Sie Ihre Folien aus Schritt eins.

Folien

  • Überschrift: Ihre Schlagzeile
  • Untertitel: Deine Subheadline
  • Linktext: Der Text wird im Frontend als Text Ihres Links angezeigt.
  • Link: Seiten-ID oder externer Link
  • Textposition: Du kannst zwischen links und rechts wählen
  • Teaser: Ein kurzer Text über das Bild oder das Thema

Einstellungen

In der Datei setup.ts können Sie einige Einstellungen ändern, z.B. Ihren Navigationstext oder die Breite Ihres Schiebers. Außerdem können Sie benutzerdefinierte Navigationssteuerungen erstellen. Setzen Sie dazu die Option customNavigation auf true und ändern Sie die SliderNavigation.html, die Sie unter Resources/Private/Partials finden. Um die JQuery, JavaScript oder CSS abzuschalten, gehen Sie einfach zu den constants.ts

Layoutvorlage

Um eine neue Vorlage hinzuzufügen, schreiben Sie folgendes in Ihre Globals:

tx_szslider.templateLayouts {
    1 = Erstes Layout
    2 = Zweites Layout
}

Bearbeiten Sie dann Ihre List.html, die Sie hier in sz_slider/Ressourcen/Private/Templates finden und fügen Sie z.B. einen Fall wie den folgenden in Ihre Switch Case Abfrage ein:

<f:case value="1"><f:render partial="TemplateLayouts/YourTemplate.html" arguments="{_all}"/></f:case>

Danach erstellen Sie eine neue Datei im Ordner Partials/TemplateLayouts und beginnen Sie mit dem Schreiben einer eigenen Slider-Vorlage. Verwenden Sie die Default.html zur Orientierung und schreiben Sie in die erste Zeile Ihrer Vorlage:

{namespace owl=Sunzinet\SzSlider\ViewHelpers}

Benötigen Sie schnelle Hilfe mit dieser Extension? Unser Team von erfahrenen TYPO3-Entwicklern löst Probleme unkompliziert und zum Stundensatz.

responsive - image 4

speed test - image 5

Ran an die Resultate – unser Newsletter für Sie!

Damit Sie gleich Wind davon bekommen, wenn wir in unserem Magazin zu neuen Erkenntnissen kommen.