Verwendung: Den einzelnen Slides um eigene zusätzliche css-Klassen ergänzen

Tatjana's Avatar

Tatjana

17 Nov, 2020 08:08 AM

Produkt: Slider Pro Contao
Contao-Version: 4.10.4

Hallo,
Ich möchte mehrere Slider verwenden, die dreispaltig in Boxen-Form auf der Website erscheinen sollen.
Hierzu möchte ich den einzelnen Slide-Elementen eigene css-Klassen hinzufügen, finde aber in der rsts_default.html5 nicht die richtige Stelle dafür.
Konkret mochte ich die beiden, im Screenshot gelb markierten tags, ergänzen.
Können Sie mir da weiterhelfen?

Danke im Voraus.
MfG
T.Justus

  1. Support Staff 1 Posted by RockSolid Theme... on 17 Nov, 2020 08:17 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Wenn Sie einen Slider vom Typ „Inhalts-Slider“ verwenden, können Sie in den Einstellungen jedes einzelnen Slides eine beliebige CSS-Klasse vergeben.

  2. 2 Posted by T. Justus on 17 Nov, 2020 08:29 AM

    T. Justus's Avatar

    Vielen Dank für die schnelle Antwort,

    Das habe ich bereits ausprobiert und es ging tatsächlich, allerdings möchte ich die Slider so verwenden, dass sie erstmal nur als Vorschaubilder erscheinen und beim Klick auf die Bilder soll eine Bildergalerie in einer Lightbox aufgehen, die man durchblättern kann. Dafür scheint mit die Lösung mit dem Inhalt-Slider zu umständlich im Anlegen. Die Bild-Slider Lösung beinhaltet viel weniger Arbeitsschritte beim Anlegen.

    Gibt es keine Möglichkeit das Template so anzupassen, dass ich meine Klassen hinzufügen kann?
    MfG

  3. Support Staff 3 Posted by RockSolid Theme... on 17 Nov, 2020 09:18 AM

    RockSolid Themes's Avatar

    Wenn Sie ein eigenes rsts_default.html5-Template nutzen, können Sie für reine Bild-Slider folgende Zeilen:

    $tagName = 'div';
    $attributes = array(
        'data-rsts-type="image"',
    );
    

    durch diese Code ersetzen:

    $tagName = 'div';
    $attributes = array(
        'data-rsts-type="image"',
        'class="CSS-KLASSEN-NAME"',
    );
    

    und dabei anstatt CSS-KLASSEN-NAME Ihre gewünschte CSS-Klasse einsetzen.

  4. 4 Posted by T. Justus on 17 Nov, 2020 11:18 AM

    T. Justus's Avatar

    Super! Hat funktioniert.
    Vielen Dank für die super schnelle Hilfe.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • Screenshot_2020-11-17_090511.jpg 78.3 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac