Design und Farben konfigurieren

Die Farben deines Shops stellst du je nach Template in einem eigenen Editor ein. Weitere Anpassungen nimmst du in den Template-Einstellungen vor.

Avantus Template: Themy Editor

Für das Avantus Template gibt es das eigenständige Plugin Themy Editor. Darüber stellst du Avantus ein – unter anderem die Farben.

Kein Kompilieren notwendig: Deine Farbänderungen werden direkt im Template übernommen.
Avantus bietet helle und dunkle Darstellungen mit anpassbaren Farbvariablen. Mehr dazu im Artikel Dark Mode und Light Mode im Avantus Template.

Eine ausführliche Anleitung zum Themy Editor folgt in Kürze.

Remake Template: JTL Theme Editor

Beim Remake Template passt du alle Template-Farben selbst über den JTL Theme Editor im Backend deines JTL-Shops an – zum Beispiel passend zu deinem Logo, deinem Corporate Design oder für saisonale Aktionen.

1. Theme Editor installieren

Das Plugin Theme Editor ist im Lieferumfang des Templates enthalten. Alternativ kannst du die aktuelle Version direkt bei JTL herunterladen: JTL Theme Editor (ZIP-Download).

Installiere das Plugin wie jedes andere Plugin. Wie das geht, erfährst du im Artikel Plugin installieren.

2. Farben anpassen

Öffne den Theme Editor und wähle dein Theme aus.
Passe die Farben nach deinen Wünschen an.
Klicke oben rechts auf „Theme kompilieren“, damit deine Änderungen im Shop übernommen werden.
Leere anschließend den Shop-Cache und den Cache deines Browsers.

Weitere Einstellungen im Theme Editor

Neben den Farben kannst du unter anderem einstellen:

Logogröße, getrennt für Desktop, Tablet und Smartphone
Suchfeld im Header: Rahmen, Hintergrund und Höhe
Navigation: Abstände, Schriftgröße und Großschreibung
Farben der Sidebar
Farben der Newsletter-Leiste
Farben des Warenkorb-Buttons
Farben im Checkout

Video-Anleitung

Im Video-Tutorial zeigen wir dir, wie du die Farben anpasst. Bitte beachte: Das Video zeigt die allererste Version des Templates. Der Funktionsumfang ist inzwischen deutlich größer.