JTL-Shop Startseite anpassen: Logo, Banner, Slider und Preisverlauf in einer Übersicht

Auf einen Blick

• ✓Vlarom E-Commerce Agentur erklärt alle sechs Bereiche der JTL-Shop-Startseite: Logo, Wasserzeichen, Banner, Slider, Artikelboxen und Preisverlauf – mit genauen Menüpfaden aus dem offiziellen JTL-Guide.
• ✓Logo-Empfehlung: 180×50 Pixel, PNG oder SVG. Slider und Banner liegen unter „Darstellung > Eigene Inhalte“, Logo und Preisverlauf unter „Darstellung > Standardelemente“ – zwei verschiedene Menü-Zweige, die viele Händler verwechseln.
• ✓Der Preisverlauf ist seit der Omnibus-Richtlinie für viele Shops rechtlich relevant. Wir schalten ihn bei neuen Setups von Anfang an ein – nicht erst nach der ersten Abmahnung.

Die Vlarom E-Commerce Agentur kennt das Problem: Optik-Einstellungen im JTL-Shop klingen einfach – aber in der Praxis vergehen Stunden damit, den richtigen Menüpunkt zu finden. Logo ist nicht bei Banner, Slider ist nicht bei Startseite, und Wasserzeichen versteckt sich in den globalen Einstellungen. Wir richten JTL-Shops für Händler von der Erstinstallation bis zum Go-Live ein und haben festgestellt: Wer den Aufbau der Menüstruktur einmal verstanden hat, erledigt alle Startseiten-Anpassungen ohne langes Suchen im Backend. Dieser Beitrag soll genau dieses Suchen sparen.

Die folgenden fünf Schritte decken alle wesentlichen Bereiche der Startseiten-Gestaltung ab. Wir gehen in der Reihenfolge vor, wie sie auch in der offiziellen JTL-Shop-Dokumentation strukturiert ist – von den Standardelementen über eigene Inhalte bis zu den globalen Darstellungseinstellungen.

Das Logo erreichst du über Darstellung > Standardelemente > Logo. JTL empfiehlt 180×50 Pixel – das ist der Standard, den das Nova-Template ohne weitere Anpassung sauber darstellt. Unterstützte Formate: PNG, JPEG, GIF, TIFF, BMP und SVG. SVG ist für hochauflösende Displays die beste Wahl. Upload per Drag-and-drop oder Datei-Browser. Nach dem Speichern erscheint das Logo sofort im Frontend. Wenn dein Logo breiter als 180 Pixel ist oder im Header zu klein wirkt, brauchst du eine Template-Anpassung – das lässt sich nicht rein im Backend lösen. Häufiger Fehler: ein Logo im CMYK-Farbraum hochladen. JTL rendert CMYK nicht korrekt; nutze immer RGB oder sRGB.

Wasserzeichen betreffen alle Produktbilder im Shop – auch die auf der Startseite. Den Schalter findest du unter Darstellung > Einstellungen > Wasserzeichen, nicht unter Standardelemente. Lade eine PNG-Datei mit transparentem Hintergrund hoch. Ohne transparenten Hintergrund überdeckt das Wasserzeichen das Bild als Block. Für die Positionierung stehen neun Optionen zur Verfügung. Empfohlene Werte: Transparenz 50%, Größe 30% vom Gesamtbild. Wichtige Einschränkung laut offizieller Doku: Wasserzeichen werden nur in der größten Bildgröße angezeigt – Thumbnails in der Artikelliste bleiben ohne Wasserzeichen. Nach Aktivierung sollte der Bild-Cache geleert werden, damit bestehende Bilder neu verarbeitet werden.

Unter Darstellung > Standardansichten > Startseite steuerst du, welche Artikelkategorien auf der Startseite erscheinen. Vier Box-Typen stehen zur Verfügung: Neu im Sortiment, Top-Artikel, Sonderangebote und Bestseller. Bei Anzahl 0 wird die Box komplett ausgeblendet. Die Sortiernummer bestimmt die Reihenfolge. Wichtig: Die Daten kommen aus JTL-Wawi. Ob ein Artikel als Top-Artikel erscheint, steuerst du in den Artikelstammdaten unter der Registerkarte Verkaufskanäle. Den Bestseller-Schwellenwert setzt du separat unter Darstellung > Einstellungen > Global > Bereich Artikel. Box-Texte lassen sich über Sprachvariablen umbenennen – aus Top-Artikel kann so Unsere Empfehlungen werden.

Banner erreichst du über Darstellung > Eigene Inhalte > Banner – ein anderer Menü-Zweig als Logo und Startseite. Klicke auf Banner anlegen, fülle die Optionen aus und speichere. Das Besondere am JTL-Banner-System: Du kannst innerhalb einer Grafik mehrere klickbare Zonen definieren – jede Zone hat einen eigenen Titel, eine Beschreibung und eine URL. Die Zonen sind frei positionierbar und skalierbar. Pro Seite wird immer nur das zuletzt erstellte Banner angezeigt. Wenn Linkzonen im Browser nicht klickbar erscheinen, liegt das oft an einem aktiven Werbeblocker, der die Overlay-Logik blockiert. In unseren Kundenprojekten nutzen wir Banner häufig für saisonale Aktionsseiten mit mehreren Verlinkungszielen in einem Bild.

Den Slider findest du unter Darstellung > Slider. Wichtige Einstellungen: Status, Ken-Burns-Effekt (sanfte Zoom-Animation, überschreibt andere Übergangseffekte), Pause bei Hover, Navigations-Punkte und Richtungspfeile. Pro Slider kannst du die Sichtbarkeit auf Sprachen, Kundengruppen oder Seitentypen einschränken – nützlich für B2B-Shops. Den Preisverlauf aktivierst du separat unter Darstellung > Standardelemente > Preisverlauf: Schalte Preisverlauf anzeigen auf Ja und setze den gewünschten Rückblickzeitraum in Monaten. Das Diagramm erscheint auf der Artikeldetailseite. Als Vlarom E-Commerce Agentur schalten wir den Preisverlauf bei neuen Shops von Anfang an ein – er unterstützt die Preistransparenz nach der Omnibus-Richtlinie und baut Vertrauen bei preisbewussten Kunden auf. Mehrere Währungen werden automatisch unterstützt, sofern in JTL-Wawi konfiguriert.

Autor

Alexander Luft

JTL Service Partner Gold · Vlarom E-Commerce Agentur · Ahrensfelde bei Berlin