Verwendung: Slider nur als Content-Element nicht als Modul / Vor- und Nachteile ?

Sven's Avatar

Sven

19 Jan, 2018 02:40 PM

Produkt: Slider Pro Contao
Contao-Version: 4
Browser und Browserversionen: alle

Hallo,

in der Dokumentation steht, dass man als 3. Schritt ein Modul erstellen soll, in das man den Slider in ein Modul einbinden soll.
Man kann einen Slider aber auch über als Content-Element direkt einbinden.
Können Sie mir bitte die Vor- und Nachteile erläutern?
Ich werde ziemlich viele verschiedene kleinere Slider haben und dann wird es recht mühselig es immer 2 x zu erstellen.

Viele Grüße,
Meike

  1. Support Staff 1 Posted by RockSolid Theme... on 22 Jan, 2018 08:05 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Der Unterschied zwischen dem Slider-Modul und dem Slider-Inhaltselement besteht darin, dass im Inhaltselement nur die Inhaltstypen „Slider“ und „Bilder“ verfügbar sind, während im Modul zusätzlich die Typen „News-Archiv“ und „Events“ unterstützt werden.

  2. 2 Posted by Meike on 22 Jan, 2018 11:29 AM

    Meike's Avatar

    Hallo,

    danke für die Antwort. Ich schließe daraus, da ich pro Slider immer nur 2-3 Slides jeweils bestehend aus einem Hintergrundbild und einem Text benötige, dass ich keine Modul benötige.

    Leider bekomme ich es nicht hin, dass das Hintergrund immer die volle Spaltenbreite einnimmt. Es ein Mini-Bild angezeigt.

    http://ab.tredeonline.de/automatiktueren.html

    Screenshots vom Backend im Anhang.

    Viele Grüße,
    Meike

  3. Support Staff 3 Posted by RockSolid Theme... on 22 Jan, 2018 02:02 PM

    RockSolid Themes's Avatar

    Bitte stellen Sie als Hintergrund-Skalierungsmodus „Beschnitten“ ein damit das Bild auf die ganze Fläche des Slides vergrößert wird.

  4. 4 Posted by Meike on 22 Jan, 2018 02:29 PM

    Meike's Avatar

    Danke sehr!
    Gibt es auch die Möglichkeit, die Fläche des definierten Bildes, also width und height, also proportional (width="644" height="362) anzuzeigen?

    Woher nimmt er eigentlich bei rsts-crop die 944px, ich hätte eigentlich erwartet, dass dort 644px (nämlich die 100% meiner Spalte in der Desktopversion) genommen werden

    <div class="rsts-crop" style="width: 944px; height: 118px; transform: translateZ(0px);"><div class="rsts-slides" style="transform: translate3d(0px, 0px, 0px);"><div class="rsts-slide rsts-slide-default rsts-active" style="transform: translate3d(0px, 0px, 0px); top: 0px; width: 944px;"><img src="assets/images/d/automatiktuer-ac1ca896.jpg" width="644" height="362" alt="" data-rsts-background="" data-rsts-scale-mode="crop" data-rsts-position="top-left" itemprop="image" style="position: absolute; top: 0px; left: 0px; display: block; width: 944px; height: 530.634px; min-width: 0px; min-height: 0px; max-width: none; max-height: none; margin-top: 0px; margin-left: 0px;"><div data-rsts-name="Slide-1" class="testklasse" style="position: relative;">

    http://ab.tredeonline.de/automatiktueren.html

    Viele Grüße,
    Meike

  5. Support Staff 5 Posted by RockSolid Theme... on 23 Jan, 2018 09:33 AM

    RockSolid Themes's Avatar

    Um die Größe des Sliders proportional festzulegen, stellen Sie bitte in den Moduleinstellungen des Sliders eine Breite von 100% und eine Höhe von 644x362 ein.

    Die Breite von 944px kommt vermutlich davon, dass der Browser beim ersten Rendern der Seite die Inhaltsspalte breiter darstellt. Die Ursache könnte folgender CSS-Code auf Ihrer Seite sein:

    @media only screen and (min-width: 1024px) {
        .ab_3_col #main{
            flex:1 1 auto;
        }
    }
    
  6. 6 Posted by Meike on 24 Jan, 2018 02:58 PM

    Meike's Avatar

    Hallo nochmal,

    das Content-Element RS-Slider nimmt die eingtragene Anfangsgröße von 100% nicht an. Erst wenn man das Browserfenter etwas resized nimmt es die 100%. Das Duplicat (identische Einstellungen) des gleichen CE darunter hat gleich die volle Breite ...
    Ich habe kein extra CSS eingesetzt außer einer max-size. Können Sie da bitte noch mal drauf schauen?

    Meine Einstellungen im CE finden Sie im Anhang, der Link ist immer noch
    http://ab.tredeonline.de/automatiktueren.html

    Viele Grüße,
    Meike

  7. Support Staff 7 Posted by RockSolid Theme... on 25 Jan, 2018 08:44 AM

    RockSolid Themes's Avatar

    Während dem Aufbau der Seite, zu dem Zeitpunkt an dem der Slider initialisiert wird, hat die Hauptspalte Ihres Layouts noch nicht die richtige Breite. Diese Effekt können Sie auf Seiten sehen die noch keinen Inhalt haben, z. B. http://ab.tredeonline.de/automatische-schiebetueren.html

    Dadurch kann der Slider die Größe nicht bestimmen und wird in der falschen Breite angezeigt. Wenn es Ihnen nicht möglich ist das Layout auf fixe Breiten zu fixieren können Sie versuchen den Fehler mit folgendem JavaScript-Code zu korrigieren:

    jQuery(function($){$(window).trigger('resize')});
    
  8. 8 Posted by Meike on 26 Jan, 2018 10:58 AM

    Meike's Avatar

    Vielen Dank noch einmal für die Unterstützung, es liegt tatsächlich an den Flexbox-Einstellungen.

    Viele Grüße,
    Meike

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