Inhaltsverzeichnis

    Trennlinie mit dem OnPage Composer einfügen

    Hinweis: Diese Seite bezieht sich auf JTL-Shop 5. JTL-Shop 5 wird in naher Zukunft verfügbar sein. Aktuelle Infos zum Release-Status von JTL-Shop 5 finden Sie im Release-Forum: Zum Release-Forum. Falls Sie noch JTL-Shop 4 verwenden, finden Sie die Dokumentation unter JTL-Shop 4.

    Ihre Aufgabe/Ausgangslage

    Sie möchten eine Trennlinie zwischen zwei Bereichen Ihrer Seite einfügen.

    Trennlinie einfügen

    1. Melden Sie sich im Backend von JTL-Shop an und wechseln Sie in das Frontend von JTL-Shop.
    2. Öffnen Sie die Seite, die Sie bearbeiten möchten, und klicken Sie auf das OnPage Composer-Icon oben links auf der Seite, um den OnPage Composer für die Seite zu öffnen.
    3. Ziehen Sie das Portlet Trennlinie im OnPage Composer an eine beliebige Stelle.
    1. Klicken Sie auf das Stift-Symbol, um das Fenster Trennlinie bearbeiten zu öffnen.
    2. Führen Sie die Einstellungen nach Ihren Anforderungen durch (siehe unten). Speichern Sie anschließend die Trennlinie.
    3. Folgen Sie den weiteren Schritten zur Vorschau und Veröffentlichung einer bearbeiteten Seite unter Seite mit dem OnPage Composer bearbeiten.

    Einstellungen für Trennlinien

    Sie öffnen das Fenster Trennlinie bearbeiten über das Stift-Symbol.

    Registerkarte Allgemein

    ID: Hier können Sie der Trennlinie eine eindeutige ID geben.

    Registerkarte Layout

    Hintergrundfarbe: Hier können Sie eine Farbe einstellen, die im Hintergrund der Trennlinie angezeigt wird. Die Hintergrundfarbe ist nur sichtbar, wenn Sie einen Innenabstand oder Rahmen einstellen.


    Schriftfarbe: Hier stellen Sie die Farbe der Schrift ein. Diese Einstellung hat bei Trennlinien keine Auswirkung.


    Schriftgröße: Hier stellen Sie die Größe der Schrift ein. Geben Sie hier einen CSS-Wert ein, z. B. 5px, 0.5em, usw. Diese Einstellung hat bei Trennlinien keine Auswirkung.


    Rahmenstil/Rahmenfarbe: Hier können Sie festlegen, ob die Trennlinie einen Rahmen haben soll und welche Farbe der Rahmen haben soll. Der Rahmen ist nur sichtbar, wenn Sie unter Rahmen eine Größe einstellen.


    Rahmenabrundung: Hier können Sie festlegen, ob der Rahmen abgerundet sein soll. Sie geben jeweils an, mit welchem Abstand zur Ecke die Abrundung starten soll. Voraussetzung ist, dass Sie einen Rahmenstil ausgewählt haben. Geben Sie hier einen CSS-Wert ein, z. B. 5px, 0.5em, usw.


    Außenabstand: Hier können Sie für jede Seite in Pixeln einstellen, wie viel Abstand das Element zum (gedachten) Rand haben soll. Das Element wird entsprechend verkleinert/verschoben.


    Rahmen: Hier können Sie für jede Seite die Größe des Rahmens in Pixeln einstellen.


    Innenabstand: Hier können Sie für jede Seite einstellen, wie viel Pixel Abstand das Element zum (gedachten) Rahmen haben soll.

    Registerkarte Animation

    Animationstyp: Hier können Sie festlegen, in welcher Art Ihre Trennlinie animiert werden soll.


    Dauer: Hier können Sie festlegen, wie lang die gesamte Animation der Trennlinie dauern soll.


    Verzögerung: Hier können Sie festlegen, wie viel Zeit vor der ersten und zwischen den Animationen vergehen soll.


    Abstand (Pixel): Hier legen Sie fest, wie viel Abstand zwischen der Oberkante des entsprechenden Elements und der Unterkante des Browserfensters mindestens sein muss, damit die Animation startet.


    Wiederholung: Hier legen Sie fest, wie oft die Animation insgesamt wiederholt werden soll.