Inhaltsverzeichnis

    Artikel-Overlays anpassen

    Ihre Aufgabe/Ausgangslage

    Besondere Artikel haben in JTL-Shop spezielle Overlay-Grafiken. Sie können diese Grafiken individuell anpassen.

    JTL-Shop bietet folgende Overlay-Grafiken:

    • Auf Lager
    • Bestseller
    • Bald verfügbar
    • Ausverkauft
    • Neu
    • Sale
    • Top Angebote
    • Top bewertet
    • Vorbestellen

    Beispiel für Artikel mit den Overlays “Auf Lager” und “Ausverkauft”

    Artikel-Overlays

    Artikel- bzw. Bild-Overlays verleihen den Specials auf der Startseite einen zusätzlichen Eyecatcher. Das Bild des Artikels wird stärker hervorgehoben, indem das Hauptbild von einem zusätzlichen Bild überblendet wird, vergleichbar mit einer Art “Aufkleber”.

    Hier ändern Sie die Artikel-Overlays:

    1. Melden Sie sich im Backend von JTL-Shop mit Ihren Admin-Benutzerdaten an.
    2. Navigieren Sie zum Menüpunkt Storefront > Bilder > Artikeloverlays.

    Hier stellen Sie z. B. ein, ob die Funktion genutzt werden, welches Overlaybild verwendet werden und welche Transparenz und Position das Overlay haben soll.

    Sprache wählen: Wenn Sie mehrere Sprachen in JTL-Shop pflegen, können Sie Overlays jeweils pro Sprache festlegen.


    Suchspezial: Wählen Sie über die Dropdown-Liste aus, für welches Special Sie ein Bildoverlay hinterlegen möchten. Ein Bildoverlay können Sie auf folgende Specials legen:

    • Auf Lager: Einstellung am Artikel in JTL-Wawi, Lagerbestand > 0
    • Bestseller: Artikel, die sich aktuell am besten verkauft haben. Sie legen in den Globalen Einstellungen mit der Option Bestseller ab welcher Anzahl fest, wie oft ein Artikel mindestens verkauft worden sein muss, damit er als Bestseller markiert wird. Siehe Globale Einstellungen.
    • In Kürze verfügbar: wird angezeigt, wenn der Artikel in der JTL-Wawi ein Erscheinungsdatum in der Zukunft hat, aber im Backend Einstellung 281 "Produkte mit zukünftigem Erscheinungsdatum" auf "nicht käuflich" gesetzt ist
    • Lagerbestand 0: Abhängig vom verfügbaren Lagerbestand des Artikels und davon, ob für den Artikel Überverkäufe möglich sind. Der Artikel wird mit diesem Overlay als ausverkauft angezeigt. Hierzu muss ggf. der Artikelanzeigefilter in den globalen Einstellungen von JTL-Shop angepasst werden.
    • Neu im Sortiment: Einstellung am Artikel in JTL-Wawi; Im Shop-Backend kann festgelegt werden, wie viele Tage ein Artikel als "neu" angezeigt wird.
    • Sonderangebote: Einstellung am Artikel in JTL-Wawi
    • Top-Angebote: Einstellung am Artikel in JTL-Wawi
    • Top bewertet Artikel: hat hohe Bewertungen von Kunden erhalten
    • Vorbestellbar: wird angezeigt, wenn der Artikel in der JTL-Wawi ein Erscheinungsdatum in der Zukunft hat, aber im Backend Einstellung 281 "Produkte mit zukünftigem Erscheinungsdatum" auf "sind käuflich" gesetzt ist

    Overlay-Funktion aktiv: Aktiviert die Overlay-Funktion für das ausgewählte Special.


    Overlaybild: Hier können Sie ein Bild hochladen, das als Overlaybild verwendet wird. Verwenden Sie möglichst ein Bild mit Transparenz.


    Priorität: Falls auf einen Artikel mehrere Specials zutreffen, können Sie hier die Reihenfolge festlegen. Das Special mit der höchsten Priorität wird angezeigt.


    Transparenz: Diese Option gilt nur für das JTL-Shop3-Template Tiny. Falls Sie das von JTL-Shop Version 4 mitgelieferte EVO-Template verwenden, wird diese Einstellung über eine Templateanpassung realisiert. Hier legen Sie fest, mit wie viel Prozent Transparenz das Overlay ausgestattet sein soll.


    Größe des Overlays in Prozent: Diese Option gilt nur für das JTL-Shop3-Template Tiny. Falls Sie das von JTL-Shop Version 4 mitgelieferte EVO-Template verwenden, wird diese Einstellung über eine Templateanpassung realisiert. Hier legen Sie fest, wie viel Platz das Overlay im Vergleich zum Artikelbild einnehmen soll.


    Position: Diese Option gilt nur für das JTL-Shop3-Template Tiny. Falls Sie das von JTL-Shop Version 4 mitgelieferte EVO-Template verwenden, wird diese Einstellung über eine Templateanpassung realisiert. Hier legen Sie fest, wo sich das Bildoverlay im Artikelbild befinden soll.

    1. Wählen Sie eine Sprache und ein Suchspecial, für die Sie ein neues Bildoverlay hochladen möchten.
    2. Klicken Sie unter Overlaybild auf Durchsuchen und wählen Sie das Bild.
    3. Klicken Sie auf Speichern, um Ihre Einstellungen zu übernehmen.