Anordnung und Darstellung (Design und Layout) anpassen
Dein Shop wird standardmäßig mit dem Foresight-Logo und den Foresight-Farben geliefert, um eine einheitliche Markenidentität sicherzustellen. Du hast jedoch die Möglichkeit, dein eigenes Logo hochzuladen und die Farbgestaltung des Shops in Deine Unternehmensfarben anzupassen. Zudem bietet das Foresight-Theme (eine speziell für Foresight entwickelte grafische Benutzeroberfläche) eine optimierte Darstellung und Anordnung von Artikelkarten und anderen Elementen. Wir empfehlen, diese Voreinstellungen beizubehalten, um die bestmögliche Benutzererfahrung zu gewährleisten.
So lädst Du Dein Logo hoch
Grundlegende Informationen, wie beispielsweise unterstützte Dateiformate, findest Du unter Medien.
- Klicke im Admin-Menü auf Inhalte > Medien.
- Klicke auf einen Ordner (zum Beispiel Theme Media).
- Klicke auf die Schaltfläche Dateien hochladen. Wähle die Bilddatei Deines Logos aus und bestätige abschließend Deine Auswahl mit Öffnen.
So änderst Du das Logo Deines Shops
Um Dein Logo optimal anzuzeigen, benötigst Du es in verschiedenen Größen für unterschiedliche Geräte. Eine Version für den Desktop (Webanwendung im Browser), eine für das Tablet und eine für das Smartphone. Weitere Informationen findest Du unter Themes. Hier am Beispiel des Logos für die Desktop Version:
- Klicke im Admin-Menü auf Inhalte > Themes.
- Klicke auf das Theme GWS_Commerce_Foresight_Theme.
- Klicke im Register Medien in einer Option (zum Beispiel Desktop) auf das Symbol x, um das aktuelle Logo zu entfernen.
- Klicke in dieser Option auf die Schaltfläche Medien öffnen.
- Gib in der Medien-Suchleiste den Namen Deiner zuvor hochgeladenen Datei ein.
- Klicke in der Datei auf das Dreipunk-Menü > Zu Desktop hinzufügen.
- Klicke auf die Schaltfläche Speichern.
So änderst Du die Theme-Farben Deines Shops
Hier am Beispiel der Primärfarbe:
- Klicke im Admin-Menü auf Inhalte > Themes.
- Klicke auf das Theme GWS_Commerce_Foresight_Theme.
- Klicke im Register Theme-Farben in das Feld Primärfarbe und gib einen Farbcode in hexadezimaler Schreibweise ein (ein sechsstelliger Code, der mit einem # beginnt). Alternativ kannst Du Deine Farbe als RGB-Wert (einen Farbwert, der aus den Anteilen von Rot, Grün und Blau besteht) eingeben. Klicke dazu auf die Farbe, um das Farbmenü zu öffnen.
- Klicke auf die Schaltfläche Speichern.
So änderst Du die Farbe des Navigationslinks % Aktionen
Die Farbe des Navigationslinks % Aktionen kann geändert werden, um bestimmte Aktionen oder Rabatte hervorzuheben.
- Klicke im Admin-Menü auf Inhalte > Themes.
- Klicke auf das Theme GWS_Commerce_Foresight_Theme.
- Klicke in das Feld Aktionsfarbe der Navigationslinks und gib einen Farbcode in hexadezimaler Schreibweise ein (ein sechsstelliger Code, der mit einem # beginnt). Alternativ kannst Du Deine Farbe als RGB-Wert (einen Farbwert, der aus den Anteilen von Rot, Grün und Blau besteht) eingeben. Klicke dazu auf die Farbe, um das Farbmenü zu öffnen.
- Klicke auf die Schaltfläche Speichern.
- Klicke im Admin-Menü auf Kataloge > Kategorien.
- Klicke in der Kategorie % Aktionen auf das Dreipunkt-Menü > Bearbeiten.
- Setze im Register Zusatzfelder im Reiter GWS Kategorien Optionen set im Feld Navigationslink hat die Aktionsfarbe einen Haken.
- Klicke auf die Schaltfläche Speichern.