3.1 Logo & CI

Inhaltsverzeichnis

Logo austauschen.

Tauschen Sie zunächst die Bilddateien im Ordner /templates/revplus/img/ aus.
Die Dateien logo.png und logo.gif sollten hierbei durch Ihre eigenen Logos ersetzt werden. (Die logo.gif findet Verwendung in E-Mails sowie der PDF-Rechnung)

Sobald Ihr eigenes logo.png im Template liegt, löschen Sie die logo.webp aus /templates/revplus/img/

Beim nächsten Seitenaufruf sollte unser Template dann einer performance-stärkere .webp Version Ihres Logos erzeugen. (Falls nicht, stellen Sie sicher, dass Ihr Server die GD library unterstützt und aktiviert hat.)

Konfigurieren Sie Ihr Shop-Design

Wie bereits in der Template-Demo erscheint nun eine Box am linken Bildschirmrand. (In Ihrem Shop selbstverständlich nur für Administratoren)

Klickpfad

Bitte stellen Sie sicher, dass Kundengruppe für Administratoren im Frontend in Ihren Einstellungen auf "Admin" steht. Ansonsten wird die Farbkonfiguration am linken Bildschirmrand in Ihrem Shop nicht sichtbar sein, wenn Sie als Admin eingeloggt sind.

Hier können Sie folgende Dinge erledigen:

1. Generelle Farbanpassungen an Ihre Corporate Identity

Hier können Sie die Farben ändern und sofort in der Live-Vorschau sehen, wie es aussehen wird, ohne die Änderungen zu speichern. Wenn Sie die Seite verlassen, ohne etwas zu speichern, werden die Farben auf den ursprünglichen Zustand zurückgesetzt.

Primärfarbe
Die Hauptfarbe Ihres Shops. Diese Farbe dient auch zur Führung Ihrer Besucher durch den Shop - sie wird also für die meisten klickbaren Elemente, wie z.B. Links oder primäre Buttons, verwendet.
Sekdundärfarbe
Die zweite Farbe Ihres Unternehmens. Sie bildet häufig einen auffälligen Kontrast zur Primärfarbe und dient in der Darstellung des Shops dazu, sekundär priorisierte, klickbare Elemente einzufärben.
Hintergrundfarbe 1
Diese Farbe wird hauptsächlich für die meisten Hintergründe verwendet.
Hintergrundfarbe 2
Dies ist eine Variation davon und dient dazu, Bereiche voneinander zu trennen.
Footer Hintergrund
Legen Sie hier die Hintergrundfarbe des Footers fest. Bitte beachten Sie, dass die Überschriften im Footer derzeit die Primärfarbe verwenden. Die gewählte Hintergrundfarbe sollte daher einen ausreichenden Kontrast bieten, um eine gute Lesbarkeit sicherzustellen. Die Farbe für Links und Texte im Footer wird vom Theme automatisch anhand einer Kontrastberechnung festgelegt.

Beachten Sie, dass die Standardwerte der Box den Farben der Template-Demo entsprechen.

2. Weitere Konfiguration

3. Logos der Versand & Zahlungsweisen

Diese können Sie in der Templatekonfigurationsbox bearbeiten, in der Sie auch bereits Farben gewählt haben. Scrollen Sie dazu einfach innerhalb dieses Fensters nach unten bis sie den Bereich "Zahlungs- und Versandlogos konfigurieren" erreichen. Wählen Sie dann die gewünschten Logos an oder ab.

Auch hierfür gibt es einen Bereich in der Templatekonfigurationsbox unterhalb der Zahlungs- und Versandlogos. Wenn Sie bestimmte Socialmedia-Kanäle nicht benötigen, leeren Sie einfach die entsprechenden Felder für die Social-Media URL.