composer req wapplersystems/ws-slider

Configuration


Include static (from extensions)

  • WS Slider General Settings (ws_slider)

To enable the sliders for editors, you have to add them to the page properties in the TSconfig settings. You can decide which slider or layout you want to add. To do this:

  • Go to List in your TYPO3 Backend's side menu.
  • Select YOUR PAGE in the page hierarchy.
  • Select the edit page properties button at the top.
  • Navigate to the Resources tab and add the items for the sliders you need in the Page TSconfig section as shown in the image below.

Templates 

plugin.tx_wsslider {
    view {
        templateRootPath = EXT:mack_sitepackage/Resources/Private/ws_slider/Templates/
        partialRootPath = EXT:mack_sitepackage/Resources/Private/ws_slider/Partials/
        layoutRootPath = EXT:mack_sitepackage/Resources/Private/ws_slider/Layouts/
    }
}
constants

Neues Layout für den Slider 

TCEFORM.tt_content {
    tx_wsslider_renderer.addItems {
        herocarousel = heroCarousel
    }
}
page ts

Partial anlegen

Dann in den Ordner ws_slider/Partials/ die Datei Owl.html kopieren und umbenennen in Herocarousel.html

in dieser Datei anpassen: partial="Item/Owl" wird zu partial="Item/Herocarousel"

<f:render partial="Item/Owl" section="{sliderSettings.layout}"
                          arguments="{item: item, settings: settings, iterator:iterator}"/>

Partials/Item anlegen

wieder die Owl-Datei aus Iteams in diesen Ordner kopieren und in Herocarousel.html umbenennen

FlexForm erstellen

Die Datei \vendor\wapplersystems\ws-slider\Configuration\FlexForm\Renderer\Herocarousel.xml musste in TYPO3 12 angelegt werden, sonst gab es einen Fehler im Backend

Hinweis: Schreibweise beachten! Wenn swiper_slider = Swiper Mehliskopf ist, dann Swiper_slider.xml

Die Datei am besten mit einem SymLink erstellen:

ln -s Owl.xml Bannerslider.xml
im Ordner