Verwendung: Slider mit vertikalen Thumbnails

Silvia Reins's Avatar

Silvia Reins

04 Nov, 2016 09:43 AM

Produkt: Slider Pro Contao
Contao-Version: 3.5.17
Browser und Browserversionen: aktueller Firefox, aktueller Chrome

Hallo,
ich möchte den Rocksolid Slider mit Thumbnails verwenden, diese sollen rechts neben dem Hauptbild vertikal angezeigt werden und auch vertikal zu scrollen sein. Ist dies überhaupt möglich, und wenn ja, könnten sie mir die nötigen Einstellungen dafür nennen?

Hier ist das Ganze beispielhaft umgesetzt: http://spp.xima-contao.yourweb.de/modernisierung-beispielstrasse-2....

Durch Probieren und Einstellungsänderungen habe ich jetzt auch das Problem, dass das Hauptbild gar nicht mehr groß (820x600px) angezeigt wird, ich finde leider die falsche Einstellung nicht.

Danke für Ihre Hilfe.

  1. Support Staff 1 Posted by RockSolid Theme... on 04 Nov, 2016 02:50 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Vertikale Thumbnails sind in der Slider-Erweiterung und in den Skins nicht vorgesehen. Sie können jedoch ein angepasstes rsts_default.html5-Template erstellen und über folgenden PHP-Code die Ausrichtung auf vertikal umstellen:

    <?php 
        $options = $this->options;
        $options['thumbs']['direction'] = 'y';
        $this->options = $options;
    ?>
    

    Durch diese Änderung sind vermutlich weitere Anpassungen am CSS nötig um die gewünschte Darstellung zu erreichen.

  2. 2 Posted by Katja on 14 Feb, 2020 10:44 PM

    Katja's Avatar

    Hallo,
    der Beitrag ist schon länger her und die Lösung scheint so nicht mehr zu funktionieren. Gibt es eine Möglichkeit die Thumbs vertikal neben das Hauptbild zu platzieren und die Thumbs entlang der y-Achse scrollen zu lassen?
    Danke für eine Rückmeldung und viele Grüße,
    Katja Rohleder

  3. Support Staff 3 Posted by RockSolid Theme... on 17 Feb, 2020 06:33 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Nachricht.

    Die Anpassung sollte nach wie vor funktionieren und die Slide-Richtung des Thumbnail-Sliders auf die Y-Achse einstellen.

    Bitte beachten Sie, dass der CSS-Code auch entsprechend angepasst werden muss um die Thumbnails wie gewünscht darzustellen.

    Damit wir Ihnen zielgerichteter weiterhelfen können, schicken Sie uns bitte einen Link zur betroffenen Seite.

Reply to this discussion

Internal reply

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

Attaching KB article:

»

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