Logo einbinden

In diesem Artikel zeigen wir dir, wie du dein Logo in deinen Online-Shop einbinden kannst, was du dabei beachten solltest und welche Optimierungsmöglichkeiten du dabei hast.

Wir gehen in diesem Artikel davon aus, dass du bereits ein Logo für deinen Shop hast oder einfach unsere PSD-Vorlage nutzt.

Beispiel

Neben den Hauptfarben und der Schrift ist das Logo eins der Shop-Elemente welches essentiell für dein Branding bzw. Corporate-Design ist.

Über die ThemeWare Utilities erhältst du für dein Theme eine passende Logo-Vorlage im PSD-Format die du nutzen kannst.

Das Shop-Logo bindest du am einfachsten direkt über die ThemeWare® Konfiguration im Shopware 6 Theme-Manager deiner Administration ein.

Beispiel: In unserem Beispiel binden wir das ThemeWare® Logo in unseren Shop ein.

  1. Öffne die Administration deines Shops

  2. Wechsel über die Hauptnavigation in die "Theme-Verwaltung" (1) (2) ("Inhalte" => "Themes")

    • Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.

  3. Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen

  4. Wechsel in den Tab "Layout" (3)

  5. Öffne den Bereich "Bilder" (4)

  6. Logo hochladen oder öffnen

    • Über den Button "Dateien hochladen" (6) kannst du nun dein Logo hochladen und einbinden

    • Über den Button "Medien öffnen" (7) kannst du ein bereits hochgeladenes Bild auswählen und per Drag-and-Drop (8) in das Media-Feld ziehen

  7. Wiederhole die Schritte 6 und 7 für alle Logos die du austauschen möchtest

  8. Speicher die Theme-Konfiguration

  9. Wechsel in die Storefront und lade die Seite einmal neu

Du hast nun das Shop-Logo erfolgreich ausgetauscht.

Screenshots

Tipp: Orientiert dich einfach an unseren PSD-Dateien in unserem Bildvorlagen-Downloadpaket welches du über die ThemeWare® Utilities erhältst.


Weiterführende Informationen

  • Grundwissen: Mehr Informationen zum Thema "Shop-Logo" findest du im Artikel Shop-Logo

ThemeWare® Video-Tutorial

Last updated

Logo

© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH