Ein ansprechender und einprägsamer Header kann die Benutzererfahrung Ihres Onlineshops erheblich verbessern. In JTL Shop 5 gibt es verschiedene Möglichkeiten, den Header farblich anzupassen, um das Design und die Markenidentität Ihres Onlineshops zu unterstreichen. In diesem Blogbeitrag werden wir Ihnen Schritt für Schritt zeigen, wie Sie den Header in Ihrem JTL Shop 5 anpassen können.

Farbliche Anpassungen vornehmen

Schritt 1: Einloggen in das JTL Shop 5 Backend

Um Änderungen am Header vorzunehmen, müssen Sie sich zuerst in das Backend Ihres JTL Shop 5 einloggen. Gehen Sie dazu auf die Login-Seite Ihres Shops und geben Sie Ihre Admin-Zugangsdaten ein.

Schritt 2: Zugriff auf das Template-System

Nachdem Sie sich erfolgreich angemeldet haben, müssen Sie auf das Template-System von JTL Shop 5 zugreifen. Klicken Sie dazu im Backend auf Einstellungen < Templates im Reiter Darstellung in der Hauptnavigationsleiste.

Schritt 3: Auswahl des gewünschten Templates

In JTL Shop 5 haben Sie die Möglichkeit, verschiedene Templates zu verwenden. Wählen Sie das gewünschte Child-Template aus, das Sie bearbeiten möchten, und klicken Sie auf den Button "Einstellungen".

Scrollen Sie anschließend runter, bis zur Kategorie "Farben". Dort finden Sie neben den visuellen Einstellungen des Headers auch die Einstellungen des Footers. Fügen Sie einfach den RGB- oder Hex-Farbcode in der jeweiligen Zeile ein oder klicken Sie auf den grau hinterlegten Button ganz rechts in der ebenjener Zeile (roter Pfeil).

Alternativer Weg: Header anpassen mit dem JTL Theme Editor Plugin

Selbstverständlich können Sie den Header auch ganz einfach mit dem kostenlosen Plugin JTL Theme Editor anpassen.

INFO: Wir gehen an dieser Stelle davon aus, dass das Plugin "JTL Theme Editor" bereits in Ihrem Shop installiert wurde. Falls dies nicht der Fall ist und Sie sich nicht sicher sind, wie Sie den JTL Theme Editor installieren, können Sie hier nachlesen wie man Plugins aus dem JTL Extension Store im eigenen Onlineshop installiert.

Um den Header mit dem JTL Theme Editor anzupassen gehen Sie wie folgt vor:

1. Navigieren Sie mittels der linken Seitenleiste zum Reiter Plugins < Installierte Plugins < JTL Theme Editor.

2. Wählen Sie das entsprechende Theme aus (in unserem Beispiel Avada), und klicken Sie auf die Datei "_variables.scss".

3. Scrollen Sie anschließend bis zum // Header-Bereich und fügen Sie an der gewünschten Stelle Ihren Farbcode ein.

Fazit

Die Anpassung des Headers in JTL Shop 5 ist eine relativ einfache Aufgabe, die Ihnen ermöglicht, das Erscheinungsbild Ihres Online-Shops anzupassen und Ihre Markenidentität hervorzuheben. Durch die Farbanpassung können Sie einen einprägsamen ersten Eindruck bei Ihren Besuchern hinterlassen und Ihr E-Commerce-Geschäft weiter stärken. Nutzen Sie die Schritte und Tipps in diesem Blogbeitrag, um den Header in JTL Shop 5 farblich anzupassen und das beste Design für Ihren Online-Shop zu erreichen.