Blog
Sie finden Einstellungen des Blogs in Ihrem JTL-Shop Backend unter:
Installierte Plugins > admorris PRO > Layout & Design > Blog
Hier können Sie diverse Einstellungen zum Erscheinungsbild der Blog-Übersicht und der Blogbeiträge vornehmen.
Beachten Sie: Damit die hier gesetzten Einstellungen greifen, muss der Blog des JTL-Shop aktiv sein (Einstellungsnr. 569) und mindestens ein Blogbeitrag verfasst sein.
Die Beiträge und Kategorien vom Blog werden im JTL-Shop selbst gepflegt. Sie finden alle Einstellungen unter Marketing --> Aktionen --> Blogbeiträge
Blog
Layout
Wählen Sie hier, ob die Blogbeiträge als Galerie oder als Liste dargestellt werden sollen.
Tipp: Achten Sie bei Ihrer Auswahl auf die festgelegte Containerbreite. „Liste“ eignet sich besser für schmale Containerbreiten (XS – 650px, S – 900px, M – 1260px ) und Galerie besser für breitere Containerbreiten (L – 1480px, XL – 1680px).
Bannerbild
Hier können Sie ein Bannerbild festlegen, das über der Hauptübersicht der Blogbeiträge (keine Kategorie gewählt) angezeigt wird. Für das Bannerbild stehen verschiedene Darstellungstypen zur Verfügung. Siehe „Bannertyp“.
Beachten Sie: Das Bannerbild wird über die gesamte Seitenbreite angezeigt. Stellen Sie daher sicher, dass das Bild in ausreichender Auflösung vorliegt (min. 1920px Breite).
Bannertyp
Deaktiviert
Deaktiviert die Anzeige des Banners.
Nieder
Setzt das gewählte Bannerbild mit einer fixen Höhe von 350px über die gesamte Seitenbreite. Bilder mit größerer Höhe, werden oben und unten beschnitten.
Beachten Sie: Hierfür sollte das Bild eine Mindesthöhe von 350px haben. Bilder mit geringerer Höhe, werden proportional auf 350px skaliert, was zu verschwommener Darstellung führt. Sollte Ihr Bannerbild eine geringere Höhe haben, wählen Sie „Fixes Seitenverhältnis“
Fullscreen
Zeigt Ihr Bannerbild über die gesamte Seite an. Stellen Sie dazu sicher, dass Ihr Bild in ausreichender Größe vorhanden ist (1920px x ca. 1000px).
Fixes Seitenverhältnis (Responsive)
Der Banner wird am Desktop in dem Seitenverhältnis des hinterlegten Bildes ausgegeben. Bei kleiner werdenden Bildschirmen werden links und rechts vom Bild Inhalte abgeschnitten und das Seitenverhältnis angepasst. Die Höhe bleibt die gleiche.
Containerbreite
Hiermit definieren Sie die Breite des Containers, der die Übersicht der Blogbeiträge beinhält. Zur Auswahl stehen:
XS – 650px
S - 900px
M – 1260px
L – 1480px
XL – 1680px
Tipp: Siehe „Layout“.
Beachten Sie: Die hier festgelegte Containerbreite ist unabhängig der globalen Containerbreite. Zu finden unter: Layout & Design > Global > Globale Containerbreite.
Overlayeinstellung des Menüs verwenden?
Ist die Overlayeinstellung für das Menü aktiv (Layout & Design > Menü > Overlay), wird das Bannerbild vom Menü überlagert.
Tipp: Wählen Sie Ihr Bannerbild so, dass ausreichend Kontrast zu Ihren Menüpunkten besteht um die Lesbarkeit nicht zu beeinträchtigen.
Detailansicht
Einstellungen der Blogbeiträge. Um einen Blogbeitrag mit einem Banner zu versehen, muss dieses unter „Verfügbare Bilder“ (beim erstellen des Blogbeitrages) hinterlegt sein. Das erste dort hinterlegte Bild, wird als Bannerbild verwendet.
Beachten Sie: Hinterlegen Sie hier ein Bild mit ausreichender Auflösung (min. Breite: 1920px, Höhe je nach Bannertyp und Präferenz).
Bannertyp
Deaktiviert
Deaktiviert die Anzeige des Banners.
Nieder
Setzt das gewählte Bannerbild mit einer fixen Höhe von 350px über die gesamte Seitenbreite. Bilder mit größerer Höhe, werden oben und unten beschnitten.
Beachten Sie: Hierfür sollte das Bild eine Mindesthöhe von 350px haben. Bilder mit geringerer Höhe, werden proportional auf 350px skaliert, was zu verschwommener Darstellung führt. Sollte Ihr Bannerbild eine geringere Höhe haben, wählen Sie „Fixes Seitenverhältnis“
Fullscreen
Zeigt Ihr Bannerbild über die gesamte Seite an. Stellen Sie dazu sicher, dass Ihr Bild in ausreichender Größe vorhanden ist (1920px x ca. 1000px).
Fixes Seitenverhältnis
Der Banner wird am Desktop in dem Seitenverhältnis des hinterlegten Bildes ausgegeben. Bei kleiner werdenden Bildschirmen werden links und rechts vom Bild Inhalte abgeschnitten und das Seitenverhältnis angepasst. Die Höhe bleibt die gleiche.
Containerbreite
Hiermit definieren Sie die Breite des Containers, der den Blogbeitrag beinhält. Zur Auswahl stehen:
XS – 650px
S - 900px
M – 1260px
L – 1480px
XL – 1680px
Tipp: Wählen Sie große Containerbreiten nur bei komplexeren, mehrspaltigen Layouts Ihrer Blogbeiträge. Zu lange Zeilen verschlechtern die Lesbarkeit.
Beachten Sie: Die hier festgelegte Containerbreite ist unabhängig der Containerbreite der Blogübersicht.
Overlayeinstellung des Menüs verwenden?
Ist die Overlayeinstellung für das Menü aktiv (Layout & Design > Menü > Overlay), wird das Bannerbild vom Menü überlagert.
Tipp: Wählen Sie Ihr Bannerbild so, dass ausreichend Kontrast zu Ihren Menüpunkten besteht um die Lesbarkeit nicht zu beeinträchtigen.
Zusätzliche Einstellungen
Parallax-Effekt
Aktiviert den Parallax-Effekt für Bannerbilder. Dieser erzeugt die Illusion von Tiefe, indem sich das Bannerbild und die Seite selbst sich beim Scrollen unterschiedlich schnell bewegen.
Beachten Sie: Da sich das Bannerbild, bei aktiviertem Parallax-Effekt, innerhalb eines Rahmen vertikal bewegt, muss die Bildhöhe evtl. erweitert werden. (ca. +12,5%).
Beispiel: Ihr Banner ist als „nieder“ eingestellt (350px fixe Höhe), so sollte die Bildhöhe mind. 400px betragen.
Related Articles
Versionsübersicht, Systemvoraussetzungen & Kompatibilität
Wichtiger Hinweis zu JTL Shop 5.2: Für diese Shopversion ist unbedingt admorris Pro Version 2.4.18 erforderlich. Bitte beachten Sie die Anleitung für das Update: https://support.admorris.com/portal/de/kb/articles/jtl-shop-5-2-update-mit-admorris-pro ...Bildgrößen
Bildgrößen Hochformat Um Produktbilder im Frontend passend darzustellen, empfehlen wir im Backend unter Storefront > Bilder: Einstellungen folgende Einstellungen vorzunehmen. Bildgrößen Quadratisch Um Produktbilder im Frontend quadratisch passend ...