In diesem Artikel erfährst du, wie du ThemeWare® zuweist. Das bedeutet, wie du dafür sorgst, dass du ThemeWare® in deiner Storefront dargestellt wird.
Wichtig ist erstmal zu verstehen, dass die Basis zur Auslieferung eines Themes immer ein Verkaufskanal ist. Dieser Verkaufskanal muss vom Typ "Storefront" sein.
Verkaufskanal anlegen
Wenn man einen Verkaufskanal anlegt kann man verschiedene Arten auswählen. Und "Storefront" wäre dann die Art die notwendig ist, damit das Theme "ausgeliefert" wird.
Tipp: Du brauchst keinen Verkaufskanal vom Typ "Storefront" anlegen wenn du bereits einen entsprechenden Verkaufskanal hast.
Bei der Standard-Installation erstellt Shopware i.d.R. einen passenden Verkaufskanal der mit dem bei der Installation gewählten Shopnamen betitelt ist.
ThemeWare® zuweisen
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in den Verkaufskanal deiner Storefront im Bereich "Verkaufskanäle" (1)
Wechsel in den Tab "Theme" (2)
Klicke nun im Bereich "Theme-Zuweisung" auf den Button "Theme ändern" (3)
Wähle ThemeWare® im Pop-up "Theme auswählen" aus (4) und klicke auf den Button "Theme ändern" (5)
Klicke nun oben noch einmal auf "Speichern" damit das Theme zugewiesen und kompiliert wird (6)
ThemeWare® wurde nun deiner Storefront zugewiesen.
Bei Fragen oder Problemen findest du eine weitere Informationen in unserer ausführlichen Anleitung:
Text-Logo konfigurieren
Möchtest du ein reines Text-Logo nutzen bietet dir ThemeWare® natürlich auch dafür eine komfortable Möglichkeit.
Das Text-Logo kannst du über die ThemeWare® Konfiguration im Shopware 6 Theme-Manager deiner Administration konfigurieren.
Beispiel: In unserem Beispiel aktivieren wir das Text-Logo in der ThemeWare® Konfiguration.
Öffne die Administration deines Shops
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.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Wechsel in den Tab "Header" (3)
Öffne den Bereich "Logo" (4)
Hier wählst du im Abschnitt "Basiskonfiguration" im Konfigurationsfeld "Logoart" (5) die Option "Text-Logo" aus
Im Abschnitt "Text-Logo" (6) kannst du beispielsweise den "Logo-Text", die "Schriftart", die "Schriftgröße" oder die "Textfarbe" des Text-Logos konfigurieren
Wir ändern die "Textfarbe" auf #0c7ebb
Speicher die Theme-Konfiguration
Wechsel in die Storefront und lade die Seite einmal neu
Landingpages sind eigenständige Seiten für Kampagnen und Aktionen, z.B. für einen Sale, eine Marke oder eine Werbeanzeige. Sie erscheinen nicht automatisch in der Navigation und eignen sich deshalb gut für gezielte Verlinkungen.
Schritt 1: Erlebniswelt anlegen
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in "Inhalte" => "Erlebniswelten"
Klicke auf "Neues Layout anlegen"
Wähle den Layout-Typ "Landingpage" und ein Start-Layout aus
Vergib einen "Layout-Namen", z.B. "Black Week"
Baue die Seite aus Sektionen, Blöcken und Elementen auf
Speicher das Layout
Wechsel über die Hauptnavigation in "Kataloge" => "Kategorien"
Wechsel in der linken Spalte in den Bereich "Landingpages"
Klicke auf "Landingpage hinzufügen"
Wechsel in den Tab "Layout"
Klicke auf "Layout zuweisen" und wähle deine Erlebniswelt aus
Speicher die Landingpage
Landingpages tauchen nicht automatisch in der Navigation auf. Du verlinkst sie zum Beispiel so:
Über eine Kategorie vom Kategorietyp "Link" in der Shop-, Footer- oder Service-Navigation: wähle in der Karte "Benutzerdefinierter Link" beim "Linktyp" die Option "Intern" und bei der "Entität" die Option "Landingpage"
Über einen Banner oder Teaser in einer Erlebniswelt
Tab "Erlebniswelten" => Bereich "Alle Typen (Shopseiten, Landingpages, Kategorieseiten, Produktseiten)" für Abstände und CSS-Scroll-Animationen
Einführung:
Einführung:
Kategorieseiten bearbeiten und anlegen
Kategorieseiten zeigen deine Produkte in einem Listing. Sie sind der wichtigste Einstieg in dein Sortiment und lassen sich mit Erlebniswelten frei gestalten.
Schritt 1: Kategorie anlegen
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in "Kataloge" => "Kategorien"
Lege eine neue Kategorie an oder öffne eine bestehende
Wähle in der Karte "Allgemein" beim "Kategorietyp" die Option "Seite / Liste"
Aktiviere die Kategorie über den Schalter "Aktiv"
Speicher die Kategorie
Wechsel in den Tab "Produkte"
Wähle beim "Typ" die gewünschte Zuweisung:
"Manuelle Auswahl": du wählst die Produkte einzeln aus
Ohne eigenes Layout nutzt die Kategorie das Standard-Layout von Shopware. Für ein individuelles Layout gehst du so vor:
Wechsel über die Hauptnavigation in "Inhalte" => "Erlebniswelten"
Klicke auf "Neues Layout anlegen" und wähle den Layout-Typ "Kategorieseite"
Baue die Seite auf. Das Produktlisting fügst du über den Block bzw. das Element "Produkt-Listing" ein
Wechsel über die Hauptnavigation in die "Theme-Verwaltung" ("Inhalte" => "Themes")
Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Einführung:
Einführung:
Vergib im Tab "Allgemein" einen "Namen" und aktiviere die Landingpage über den Schalter "Aktiv"
Wähle im Bereich "SEO" die "Verkaufskanäle" aus, in denen die Landingpage erreichbar sein soll
Achtung: Ohne Verkaufskanal-Zuweisung ist die Landingpage im Shop nicht aufrufbar.
Schritt 3: Layout zuweisen
Schritt 4: Landingpage verlinken
Schritt 5: Darstellung im Theme
Weiterführende Informationen
ThemeWare® Video-Tutorial
"Dynamische Produktgruppe": die Produkte werden über Regeln automatisch ermittelt
Speicher die Kategorie
Wähle beim Element "Produkt-Listing" den "Layout-Typ" der Produkt-Boxen:
"Standard"
"Großes Bild"
"Minimaler Inhalt"
Speicher das Layout
Öffne die Kategorie, wechsel in den Tab "Layout", klicke auf "Layout zuweisen" und wähle deine Erlebniswelt aus
Wechsel in den Tab "Kategorieseiten"
Hier stehen dir unter anderem folgende Bereiche zur Verfügung:
"Layout (Layout-Typ 'Standard')", "Layout (Layout-Typ 'Großes Bild')" und "Layout (Layout-Typ 'Minimaler Inhalt')": im Abschnitt "Spalten pro Zeile" legst du die Anzahl der Produkte pro Zeile je Viewport fest, im Abschnitt "Spalten pro Zeile (mit Sidebar)" gilt das gleiche für Seiten mit Sidebar
"Produkt-Box": Darstellungsart, Hover-Effekt, Textausrichtung sowie die Inhalte der Produkt-Box (z.B. "Produktbeschreibung anzeigen", "Hersteller anzeigen", "Produktnummer anzeigen", "Listenpreis anzeigen")
"Produkt-Badges (in der Produkt-Box)": Badges wie "Neu" oder "Sale"
Speicher die Theme-Konfiguration
Wechsel in die Storefront und lade die Seite einmal neu
Info: Der gewählte "Layout-Typ" bestimmt, welcher ThemeWare® Konfigurationsbereich für die Produkt-Boxen greift.
Schritt 4: Kategorieseite im Theme konfigurieren
Weiterführende Informationen
ThemeWare® Video-Tutorial
ThemeWare® bearbeiten
In diesem Artikel erfährst du, wie du ThemeWare® bearbeitest, also wie du ThemeWare® konfigurierst.
Themes bzw. ThemeWare® kannst über die Theme-Verwaltung bearbeiten. Es gibt zwei Wege dorthin:
Der erste Weg ist, dass du auf "Inhalte" und dann auf "Themes" klickst. (Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.)
Dann siehst du alle installierten Themes. Dort klickst du das jeweilige Theme bzw. ThemeWare® einfach an und gelangst so in die Theme-Konfiguration und kannst das Theme bearbeiten.
Der andere Weg ist, dass du deinen Verkaufskanal wählst. Dann klickst du auf den Reiter "Theme" und dort klickst du auf "Theme bearbeiten". Damit landest du direkt in der Theme-Konfiguration und kannst das Theme bearbeiten.
Beispiel: Das Erste was einem in der Storefront auffällt ist die USP-Bar. In diesem Beispiel bearbeiten wir nun einmal die Hintergrundfarbe der USP-Bar.
Öffne die Administration deines Shops
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.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Du hast nun die Hintergrundfarbe der USP-Bar geändert.
Nachher
Bei Fragen oder Problemen findest du eine weitere Informationen in unserer ausführlichen Anleitung:
Die USP-Bar ist eine Erweiterung, daher wechseln wir in den Tab "Erweiterungen" (3)
Scrolle ein Stück nach unten und öffne den Bereich "USP-Bar" (4)
Scrolle noch ein Stück nach unten zum Abschnitt "Farbkonfiguration"
Mit einem Klick auf den Button links neben dem Eingabefeld "Hintergrundfarbe (Header)" öffnet sich die "Farbauswahl" (5)
Wir wählen die Farbe #e2f4fd
Speicher die Theme-Konfiguration (6)
Wechsel in die Storefront und lade die Seite einmal neu
Tipp: Wenn sich mal eine Änderung nicht in der Storefront auswirkt, aktualisiere die Storefront bitte einmal mit der folgenden Anleitung:
Tipp: Du musst dich nicht durch die Tabs klicken, um eine Einstellung zu finden. Mit dem Config-Finder tippst du einfach "usp hintergrundfarbe" ein und siehst sofort nur noch die passenden Konfigurationsfelder:
Hinweis: Für mehr Informationen zur USP-Bar gibt es später noch ein separaten Artikel.
ThemeWare® kann die Logos deiner Zahlungs- und Versandarten im Footer und auf der Produktseite ausgeben. Die Logos kommen dabei direkt aus den Zahlungs- bzw. Versandarten von Shopware.
Schritt 1: Logos in Shopware hinterlegen
Zahlungsarten
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in "Einstellungen" => "Zahlungsarten"
Öffne eine Zahlungsart
Hinterlege beim Feld "Logo" ein Bild aus deiner Mediathek
Speicher die Zahlungsart und wiederhole den Vorgang für alle weiteren Zahlungsarten
Wechsel über die Hauptnavigation in "Einstellungen" => "Versand"
Öffne eine Versandart
Hinterlege beim Feld "Logo hochladen" ein Bild
Wechsel über die Hauptnavigation in die "Theme-Verwaltung" ("Inhalte" => "Themes")
Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" bzw. "Versandanbieter-Logos"
Im Abschnitt "Basiskonfiguration" stehen dir unter anderem zur Verfügung:
"Maximale Höhe": begrenzt die Höhe der Logos
"Ecken": die Eckenform der Logos
"Logos verlinken": verlinkt die Logos
Im Abschnitt "Farbkonfiguration" konfigurierst du die "Färbung", die "Rahmenfarbe" und die Farben des Fallback-Badges.
Möchtest du Logos ausgeben, für die es keine Zahlungs- oder Versandart gibt (z.B. ein Käufersiegel), nutze die benutzerdefinierten Bilder.
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" bzw. "Versandanbieter-Logos" => Abschnitt "Bilder" => "Benutzerdefiniertes Bild 1" bis "Benutzerdefiniertes Bild 3"
Die Zahlungsanbieter-Logos kannst du zusätzlich in der Buybox der Produktseite ausgeben.
Tab "Produktseiten" => Bereich "Zahlungsanbieter-Logos (in der Buybox)"
Einführung:
Einführung:
Speicher die Versandart und wiederhole den Vorgang für alle weiteren Versandarten
Wechsel in den Tab "Footer"
Öffne den Bereich "Inhalte zuweisen und anordnen"
Wähle in einem freien Abschnitt (z.B. "Element 1") beim "Inhalt (Widget)" eine der folgenden Optionen:
"Zahlungsarten"
"Versandarten"
"Zahlungs- und Versandarten" (beide Logo-Gruppen in einem Element)
Lege den "Bereich" und die "Reihenfolge" fest
"Fallback-Badge anzeigen": gibt den Namen als Badge aus, wenn für eine Zahlungs- bzw. Versandart kein Logo hinterlegt ist
"Nur benutzerdefinierte Bilder anzeigen": ignoriert die Logos aus Shopware und gibt ausschließlich deine eigenen Bilder aus
Info: Es werden nur Zahlungs- und Versandarten ausgegeben, die deinem Verkaufskanal zugewiesen und aktiv sind.
Schritt 2: Widget im Footer platzieren
Schritt 3: Darstellung der Logos konfigurieren
Eigene Logos verwenden
Tipp: Die Titel und Alt-Texte der benutzerdefinierten Bilder bearbeitest du über die Textbausteine twt.widget.payment.customImage1.title bzw. twt.widget.shipping.customImage1.title (analog für Bild 2 und 3).
In diesem Artikel erfährst du, wie du eine bestimmte Konfiguration im Theme-Manager schnell findest.
Der ThemeWare® Config-Finder ist direkt in die Theme-Konfiguration eingebaut. Du tippst ein, was du einstellen möchtest, und der Theme-Manager blendet alles aus, was nicht dazu gehört. Es bleiben nur die passenden Konfigurationsfelder stehen – und die änderst du sofort an Ort und Stelle.
Hinweis: Der Config-Finder im Theme-Manager gehört zu den ThemeWare® Anpassungen der Theme-Konfiguration. In der Shopware Cloud sind diese Anpassungen derzeit nicht möglich.
Konfiguration finden
Öffne die Theme-Konfiguration deines ThemeWare® Themes
Klicke oben rechts auf den Button "Config-Finder"
Tippe ein, wonach du suchst – zum Beispiel "usp hintergrundfarbe" (1)
Der Theme-Manager zeigt nur noch die Bereiche und Konfigurationsfelder, die zu deinem Suchbegriff gehören (2)
Tabs ohne Treffer verschwinden aus der Tab-Leiste, hinter den übrigen steht die Anzahl der Treffer (3)
Wechsle in den passenden Tab und nimm deine Einstellung direkt vor
Zum Beenden klickst du auf das Kreuz im Suchfeld. Solange der Cursor im Suchfeld steht, geht das auch mit der Taste "Esc". Danach siehst du die vollständige Konfiguration wie gewohnt.
Die Suche startet ab zwei Zeichen und läuft bei jedem Tastendruck mit. Es lohnt sich daher, den Suchbegriff Wort für Wort einzugrenzen: "usp" zeigt dir alles zur USP-Bar, "usp farbe" schon deutlich weniger, "usp farbe hintergrund" nur noch die Hintergrundfarben.
Gesucht wird in der Bezeichnung eines Konfigurationsfeldes und in seinem technischen Namen. Steht in einer Anleitung, einem Changelog oder einer Support-Antwort ein technischer Name wie twt-header-type, findest du das Feld also auch damit.
Suchst du einen ganzen Bereich statt eines einzelnen Feldes, gib einfach dessen Namen ein: Bei einem Treffer auf einer Bereichs-Überschrift zeigt der Config-Finder den kompletten Bereich mit allen Konfigurationsfeldern.
Der Config-Finder lässt sich zusätzlich über die Suchleiste der Administration nutzen, also auch dann, wenn du gerade gar nicht im Theme-Manager bist. Diese und alle weiteren Details findest du im ThemeWare® Handbuch.
Neben dem Config-Finder in der Administration gibt es ihn weiterhin als Feldsuchmaschine im Browser. Dort siehst du zu jedem Konfigurationsfeld zusätzlich den technischen Namen, einen Beispielwert und den Pfad zur Einstellung:
Tipp: Findest du nichts, nimm den kürzeren Wortstamm. Die Suche prüft, ob dein Suchbegriff in der Bezeichnung enthalten ist – "bild" findet daher auch "Bilder" und "Bildausschnitt", umgekehrt funktioniert es nicht.
Weiterführende Informationen
ThemeWare® Video-Tutorial
Updates und Neuigkeiten
Eine der größten Vorteile von ThemeWare® ist die stätig Weiterentwicklung. Du erhältst so regelmäßig neue Funktionen, verkaufsfördernde Features, Aktualisierungen, Verbesserungen und natürlich auch Fixes.
Tipp: Schaue regelmäßig auf die Seite "" in unserem Service Portal um über Neuigkeiten bzw. bevorstehende Änderungen informiert zu sein!
Auf welche Änderungen du dich in welchem Release freuen kannst, erfährst du auf diversen Wegen:
Der ThemeWare® Hub
Am bequemsten bleibst du direkt in deiner Administration auf dem Laufenden. Der ThemeWare® Hub hat dafür zwei eigene Tabs: "News" mit den Neuigkeiten und Ankündigungen und "Changelog" mit der vollständigen Versionshistorie deines Themes. Du erreichst den Hub über die Hauptnavigation "Inhalte" => "ThemeWare® {Dein Theme}".
Hinweis: Der ThemeWare® Hub gehört zu den ThemeWare® Anpassungen der Administration und steht daher nur in der Pro-Edition zur Verfügung. Alle Details findest du im .
Der ThemeWare® Newsletter
Der ThemeWare® Update-Newsletter ist Bestandteil der ThemeWare® Utilities. So verpasst du keine Neuigkeiten mehr!
Der ThemeWare® Changelog
Den ThemeWare® Changelog findest du zum einen auf der Shopware Store-Seite deines Themes im Tab "Änderungen":
Und zum anderen im Bereich "Changelogs" im ThemeWare® :
Wie du Shopware- und ThemeWare®-Updates sicher durchführst, steht Schritt für Schritt in unserem Update-Leitfaden:
Die ThemeWare® Einführung ist eine schriftliche Form des beliebten ThemeWare® Video-Tutorials. Da wir das Video-Tutorial derzeit überarbeiten ist die Einführung noch nicht fertig, aber sie wächst Stück für Stück. Fehlt ein Artikel noch oder ist ein Artikel unvollständig, schaue derweil gerne in das ThemeWare® Video-Tutorial.
Hinweis: Das ThemeWare® Video-Tutorial und die ThemeWare® Einführung werden gerade überarbeitet bzw. geschrieben und stehen dir bald in einer neuen Version zur Verfügung.
ThemeWare® Demoshops
Die ThemeWare® Demoshops präsentieren dir alle ThemeWare® Themes Live und in Farbe.
Gibt es Unterschiede zum frisch installierten Theme?
Technisch bedingt installieren Themes weder Kategorien noch Erlebniswelten. Du kannst beispielsweise das kostenlose Demodaten-Plugin von Shopware nutzen um damit Beispiel-Produkte und -Kategorien zu importieren.
Darüber hinaus erklären wir dir im kostenfreien ThemeWare® Video-Tutorial und Schritt-für-Schritt PDF-Anleitungen wie du Kategorien und die Erlebniswelt der Startseite anlegen kannst.
Konfiguration
Mit ThemeWare® profitierst du von extrem regelmäßigen Updates mit neuen Features und Konfigurationen. Um die vielen ThemeWare® Shops unserer Kunden dabei nicht zu beeinflussen sind neue Funktionen und Features bei der Veröffentlichung natürlich deaktiviert. Du kannst so selber entscheiden ob und wenn ja welches neue Feature du nutzen möchtest.
Da wir neue Features aber dennoch in unseren Demoshops präsentieren möchten, weichen die Demoshops mit der Zeit etwas von der Default-Konfiguration unserer Themes ab. Aber keine Sorge, die Demoshops basieren vollständig auf ThemeWare®, du kannst alles was wir in den Demoshops zeigen auch selber mit wenigen Klicks aktivieren.
Alle Informationen zu unseren Demoshops und zur Konfiguration findest du in folgendem Artikel. Wir empfehlen dir vorab aber erst einmal die Einführung abzuschließen.
Hinweis: Bitte beachte, dass es zwischen der Pro-Edition und der Cloud-Edition, technisch bedingt, natürlich Unterschiede gibt. Sie betreffen alles, was ThemeWare® zusätzlich in der Administration mitbringt: die "CMS-Elemente (Erlebniswelten)" sowie die ThemeWare® Anpassungen der Administration wie den ThemeWare® Hub, den Config-Finder und die verbesserte Darstellung der Theme-Konfiguration. Mehr Informationen dazu findest du .
Der Footer von ThemeWare® ist modular aufgebaut. Du bestimmst selbst, welche Inhalte (Widgets) im Footer erscheinen, in welchem Bereich sie liegen und in welcher Reihenfolge sie ausgegeben werden.
Aufbau des Footers
Bereich
Inhalt
Oberer Bereich
Erste Zone für Widgets, z.B. Newsletter oder Vorteile
Mittlerer Bereich
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in die "Theme-Verwaltung" ("Inhalte" => "Themes")
Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
Öffne den Bereich "Inhalte zuweisen und anordnen"
Du findest hier die Abschnitte "Element 1" bis "Element 11" mit jeweils denselben Konfigurationen:
"Inhalt (Widget)": das Widget, das an dieser Stelle ausgegeben wird
Diese Widgets stehen zur Auswahl:
Über uns
Auszeichnungen, Siegel oder Zertifikate
Vorteile
Communities bzw. Social Media
Für die Bereiche "Oberer Bereich", "Mittlerer Bereich", "Unterer Bereich" und "Copyright-Footer" stehen dir jeweils dieselben Abschnitte zur Verfügung:
"Basiskonfiguration": Innen- und Außenabstände, Ausrichtung der Spalten
"Farbkonfiguration": Text-, Link- und Hintergrundfarben
"Hintergrundbild": eigenes Hintergrundbild inklusive Abmessungen, Position, Wiederholung und Fixierung
Die übergreifenden Einstellungen (Hintergrundfarbe, Hintergrundbild, Schriftarten und Schriftgrößen des gesamten Footers) findest du im Bereich "Layout".
Speicher die Theme-Konfiguration
Wechsel in die Storefront und lade die Seite einmal neu
Du hast nun den Footer konfiguriert.
Einführung:
Einführung:
Einführung:
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Wechsel in den Tab "Footer"
Öffne den Bereich "Layout"
Lege im Abschnitt "Spalten" die "Spaltenanzahl @Tablet (≥768px)" und die "Spaltenanzahl @Desktop (≥1200px)" fest
"Bereich": "Oberer Bereich", "Mittlerer Bereich" oder "Unterer Bereich"
"Reihenfolge": die Sortierung innerhalb des Bereichs (kleinere Zahl = weiter vorne)
"Elementbreite": die Breite des Elements
"Mobile Ansicht": das Verhalten in der mobilen Ansicht (z.B. ein- und ausklappbar)
Nicht benötigte Elemente stellst du beim "Inhalt (Widget)" auf "nicht anzeigen"
Individueller Text
Footer Navigation
Service-Hotline
Standort bzw. Ladengeschäft
Newsletter
Zahlungs- und Versandarten
Zahlungsarten
Widerruf
Versandarten
"Typografie": Textausrichtung
Hauptzone für Widgets, z.B. Footer-Navigation, Über uns, Service-Hotline
Unterer Bereich
Dritte Zone für Widgets, z.B. Zahlungs- und Versandarten
Logos-Footer
Separater Bereich unterhalb, z.B. für Auszeichnungen
Copyright-Footer
Unterste Zeile mit Copyright, Service-Navigation und Branding
Tipp: Für die Schritte 3 und 5 gibt es im ThemeWare® Hub eigene Tabs. Im Tab "Backup" sicherst du die Konfiguration eines Themes mit einem Klick, im Tab "Varianten" übernimmst du über "Konfiguration übernehmen" die Anpassungen aus einem anderen ThemeWare® Theme. Du erreichst den Hub über die Hauptnavigation "Inhalte" => "ThemeWare® {Dein Theme}". Der Hub gehört zu den ThemeWare® Anpassungen der Administration und steht daher nur in der Pro-Edition zur Verfügung (Handbuch).
Weiterführende Informationen
Erlebniswelten verstehen
Erlebniswelten sind das Baukastensystem von Shopware 6 (CMS). Damit gestaltest du Seiten frei, ohne Programmierkenntnisse. ThemeWare® erweitert diesen Baukasten um zahlreiche eigene Blöcke und Elemente.
Der Aufbau einer Erlebniswelt
Ebene
Bedeutung
Layout
Die gesamte Erlebniswelt, mit einem Layout-Typ (z.B. "Shopseite")
Sektion
Beim Anlegen einer Erlebniswelt wählst du den "Layout-Typ". Er bestimmt, wofür das Layout verwendet werden kann:
"Shopseite": für Seiten wie "Über uns", "Kontakt" oder "Versand und Zahlung"
"Landingpage": für Kampagnen- und Aktionsseiten
"Kategorieseite": für Kategorien inklusive Produktlisting
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in "Inhalte" => "Erlebniswelten"
Klicke auf "Neues Layout anlegen"
Ein Layout wird erst sichtbar, wenn du es zuweist. Die Zuweisung erfolgt immer am jeweiligen Objekt:
Layout-Typ
Zuweisung
Über die Schaltfläche "Layout zuweisen" bzw. "Layout ändern" wählst du das gewünschte Layout aus.
Beim Bearbeiten einer Erlebniswelt findest du in der Block-Auswahl neben den Shopware-Kategorien auch die Kategorien von ThemeWare®:
ThemeWare® Allgemein
ThemeWare® Kategorie-Teaser
ThemeWare® Banner
ThemeWare® Spalten
Übergreifende Einstellungen zu Erlebniswelten findest du in der Theme-Konfiguration:
Tab "Erlebniswelten" => Bereich "Alle Typen (Shopseiten, Landingpages, Kategorieseiten, Produktseiten)": Abstände und CSS-Scroll-Animationen
Tab "Erlebniswelten" => Bereich "ThemeWare® CMS-Styling": hier legst du unter anderem fest, ob das "ThemeWare® CMS-Styling" für CMS-Shopseiten, CMS-Landingpages, CMS-Kategorieseiten und CMS-Produktseiten geladen wird, und konfigurierst Abstände, Hintergrund- und Rahmenfarben von CMS-Sektionen und CMS-Blöcken
Für einzelne ThemeWare® Blöcke gibt es zusätzlich eigene Bereiche, z.B. "Bild-Slider (Kategorie 'Bilder')", "Galerie (Kategorie 'Bilder')" oder "Produkt-Slider (Kategorie 'Commerce')".
Einführung:
Einführung:
Einführung:
Zahlungs- und Versandanbieter konfigurieren
Zahlungs- und Versandarten sind Shopware-Funktionen. ThemeWare® gibt sie im Shop aus, angelegt und zugewiesen werden sie aber in der Shopware Administration.
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in "Einstellungen" => "Zahlungsarten"
"Produktseite": für Produktdetailseiten
Wähle den "Layout-Typ" und ein Start-Layout aus
Vergib einen "Layout-Namen"
Baue dein Layout aus Sektionen, Blöcken und Elementen auf
Speicher das Layout
Produktseite
Am Produkt im Tab "Layout"
ThemeWare® Grids
ThemeWare® Text & Bild
ThemeWare® Kategorieseite
ThemeWare® Produktseite
ThemeWare® Sale
ThemeWare® Sidebar
ThemeWare® Verschiedenes
Ein horizontaler Abschnitt im Layout, wahlweise in voller Breite oder mit Sidebar
Block
Ein Baustein innerhalb einer Sektion, z.B. ein Bild-Text-Block oder ein Produkt-Slider
Element
Der eigentliche Inhalt in einem Block, z.B. ein Bild, ein Text oder ein Produkt-Slider
Shopseite
An einer Kategorie vom Typ "Seite / Liste" im Tab "Layout"
Info: Den Layout-Typ kannst du nachträglich in den Layout-Einstellungen ändern. Eine Ausnahme ist der Layout-Typ "Produktseite", dieser lässt sich nicht mehr umstellen.
Eine Erlebniswelt anlegen
Layouts zuweisen
Tipp: Ein Layout kann mehrfach zugewiesen werden. Änderst du das Layout, ändern sich alle Seiten, die es verwenden.
ThemeWare® Blöcke und Elemente
Erlebniswelten im Theme konfigurieren
Weiterführende Informationen
ThemeWare® Video-Tutorial
Öffne die gewünschte Zahlungsart
Aktiviere sie über den Schalter "Aktiv"
Hinterlege beim Feld "Logo" ein Bild, wenn du die Logos im Shop ausgeben möchtest
Speicher die Zahlungsart
Wechsel über die Hauptnavigation in "Einstellungen" => "Versand"
Öffne eine vorhandene Versandart oder lege eine neue an
Konfiguriere die Versandart, unter anderem:
"Aktiv"
"Verfügbarkeit": die Regel, unter der die Versandart angeboten wird
die Versandkosten im Preis-Bereich
"Logo hochladen", wenn du die Logos im Shop ausgeben möchtest
Speicher die Versandart
Erst durch die Zuweisung im Verkaufskanal erscheinen die Zahlungs- und Versandarten in deinem Shop.
Öffne über die Hauptnavigation deinen Verkaufskanal
Wechsel in den Tab "Allgemein"
Öffne die Karte "Zahlung und Versand"
Wähle bei den "Zahlungsarten" alle Zahlungsarten aus, die im Shop angeboten werden sollen
Lege die "Standard-Zahlungsart" fest
Wähle bei den "Versandarten" alle Versandarten aus
Lege die "Standard-Versandart" fest
Speicher den Verkaufskanal
Wechsel in die Storefront und lade die Seite einmal neu
Lege ein Produkt in den Warenkorb und gehe in den Checkout
Die aktivierten Zahlungs- und Versandarten stehen dort zur Auswahl
Info: Zahlungsarten von Zahlungsanbietern (z.B. PayPal oder Mollie) stehen erst zur Verfügung, wenn du das jeweilige Plugin installiert und eingerichtet hast.
Schritt 2: Versandarten anlegen
Schritt 3: Dem Verkaufskanal zuweisen
Schritt 4: Im Shop prüfen
Tipp: Werden Zahlungs- oder Versandarten im Checkout nicht angeboten, prüfe die hinterlegte Verfügbarkeitsregel. Häufig schließt eine Regel (z.B. Mindestbestellwert oder Lieferland) die Auswahl aus.
Weiterführende Informationen
ThemeWare® Video-Tutorial
Shopseiten bearbeiten und anlegen
Shopseiten sind Inhaltsseiten ohne Produktlisting, z.B. "Über uns", "Kontakt", "Versand und Zahlung" oder "Impressum". Sie bestehen aus einer Erlebniswelt vom Layout-Typ "Shopseite" und einer Kategorie, der diese Erlebniswelt zugewiesen wird.
Schritt 1: Erlebniswelt anlegen
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in "Inhalte" => "Erlebniswelten"
Klicke auf "Neues Layout anlegen"
Wähle den Layout-Typ "Shopseite" und ein Start-Layout aus
Vergib einen "Layout-Namen", z.B. "Über uns"
Baue die Seite aus Sektionen, Blöcken und Elementen auf
Speicher das Layout
Damit die Seite im Shop erreichbar ist, benötigt sie eine Kategorie.
Wechsel über die Hauptnavigation in "Kataloge" => "Kategorien"
Lege eine neue Kategorie an, z.B. "Über uns"
Sinnvollerweise legst du sie unterhalb deiner Footer- oder Service-Navigation an
Öffne die Kategorie
Wechsel in den Tab "Layout"
Klicke auf "Layout zuweisen" und wähle deine Erlebniswelt aus
Damit deine Kunden die Seite finden, verlinkst du sie in einer Navigation:
für die Spalten im Footer
für die Service-Links
Die übergreifende Darstellung der CMS-Inhalte konfigurierst du in der Theme-Konfiguration:
Tab "Erlebniswelten" => Bereich "Alle Typen (Shopseiten, Landingpages, Kategorieseiten, Produktseiten)" für Abstände und CSS-Scroll-Animationen
Einführung:
Einführung:
Startseite (ThemeWare® Erlebniswelt) einrichten
Info: Dieser Artikel ist in Arbeit. Schaue derweil gerne in das .
Mit den ThemeWare® bzw. den ThemeWare® Utilities erhältst du alles was du für deine erste Erlebniswelt benötigst:
Du erhältst ein kostenloses Import-Plugin mit welchem du die Erlebniswelt deines Themes mit wenigen Klicks in deinen Shop (Self-hosted) importieren kannst.
Als Shopware Cloud Nutzer erhältst du eine Schritt-für-Schritt-Anleitung im PDF-Format zum erstellen der entsprechenden Erlebniswelt für dein Theme.
Darüber hinaus erhältst du alle benötigten Grafik-Vorlagen im offenen PSD-Format.
...
Hinweis: Mit der Shopware 6.5 wurde ein HTML Sanitzer implementiert. Dieser Sanitizer verbessert Sicherheit, Zuverlässigkeit und Benutzerfreundlichkeit des Editors, indem unsicherer HTML-Code entfernt wird.
Er säubert auch Styles und Attribute für konsistente und korrekte Darstellung des Codes unabhängig von Plattform und Browser. (siehe )
In diesem Artikel geben wir dir einen Überblick über die Theme-Konfiguration im Theme-Manager.
Der Theme-Manager ist die Theme-Verwaltung in der Administration. Du erreichst diese über die Hauptnavigation "Inhalte" => "Themes". (Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.)
In der Theme-Übersicht findest du alle installierten und aktivierten Themes deines Systems.
Mit einem Klick auf das entsprechende Theme gelangst du in die Theme-Konfiguration des entsprechenden Themes.
Screenshots
Theme-Übersicht in Shopware 6 Self-hosted
Theme-Übersicht in der Shopware 6 Cloud
Theme-Konfiguration
Die ThemeWare® Theme-Konfiguration unterscheidet sich von der Standard Theme-Konfiguration in Shopware 6. Wir haben einige nützliche Anpassungen integriert und die Darstellung der Konfiguration verbessert. (Hinweis: In der Shopware Cloud sind diese Verbesserungen derzeit nicht möglich.)
Die ThemeWare® Konfigurationen ist in verschiedene Ebenen untergliedert.
Die erste Ebene sind die Tabs (1) am oberen Rand der Konfiguration. Hier siehst du ganz grob den Aufbau der Storefront – wie beispielsweise "Header", "Footer", "Inhalt", "Erlebniswelten" usw.
Die nächste Ebene sind die Bereiche (2). Das sind die aufklappbaren Karten (Accordions), welche die Konfiguration nach einzelnen Elementen – wie beispielsweise dem "Logo", der "Top-Navigation", dem "Cookie-Hinweis" usw. – gruppieren.
Innerhalb eines Bereichs sind die Konfigurationsfelder noch einmal in Abschnitte (3) gruppiert, wie beispielsweise die "Basiskonfiguration", die "Farbkonfiguration", die "Bildkonfiguration", die "Schriftkonfiguration" usw.
Innerhalb dieser Abschnitte findest du dann die eigentlichen Konfigurationsfelder (4).
Grundsätzlich ist die ThemeWare® Konfiguration mit Tabs in die wichtigsten Teile der Shopware 6 Storefront eines Shops aufgeteilt.
Es fängt erstmal mit dem "Layout" an, welches sich auf den gesamten Shop auswirkt. Dann kommt der Tab "Header", der Kopfbereich deiner Storefront. Darauf folgt der "Footer", der untere Bereich deines Shops in deiner Storefront den du sehr umfangreich konfigurieren kannst.
Im Tab "Inhalt" findest du seitenübergreifende Inhaltselemente wie beispielsweise die "Breadcrumb" oder den "Cookie-Hinweis". Der Tab "Erlebniswelten" enthält Konfigurationsfelder rund um die Gestaltung deiner Erlebniswelten.
Die Tabs "Kategorieseiten" und "Produktseiten" beinhalten die Konfiguration für die entsprechenden Seitentypen deines Shops.
Dazu gibt es noch ein paar besondere Tabs:
Zum einen gibt es den Tab "Widgets". Hier findest du die Konfiguration für die ThemeWare® Widgets. Widgets sind ein neues Feature von ThemeWare® für Shopware 6. Sie sind Inhaltselemente welche an verschiedenen Stellen in der Storefront ausgegeben werden können (z.B. Zahlungs- und Versandarten, Social-Icons). Beispielsweise besteht der Footer aus diesen Widgets. Das bedeutet, dass du den eigentlichen Footer im Tab "Footer" und die Widgets (welche du im Footer verwendest) im Tab "Widgets" konfigurierst.
Zum anderen gibt es den Tab "Erweiterungen". Hier findest du größere und völlig eigenständige Zusatzfunktionen von ThemeWare® welche i.d.R. an einer bestimmten Stellen in der Storefront ausgegeben werden (z.B. die USP-Bar).
Zum Schluss folgt noch der Tab "Weiteres". Dieser beinhaltet verschiedene allgemeine Konfigurationen für fortgeschrittene Anwender, Beta-Features und Kompatibilitäts-Konfigurationen der ThemeWare® HC-Architecture®.
Die Theme-Konfiguration ist umfangreich. Wenn du weißt, was du einstellen möchtest, aber nicht, in welchem Tab es liegt, suchst du danach – mit dem ThemeWare® Config-Finder.
Den gibt es zweimal: als und direkt im Theme-Manager. Im Browser schlägst du nach, im Theme-Manager änderst du sofort. Wie du damit arbeitest, zeigen wir dir im nächsten Artikel:
Wenn du die Konfiguration speicherst, wundere dich nicht, dass der Theme-Manager wieder auf den ersten Tab springt. Das ist leider ein Verhalten von Shopware, was wir nicht beeinflussen können. Vielleicht wird dies mit einem künftigen Shopware Update behoben.
Merke dir daher einfach, in welchem Tab du gerade warst. Wenn du in den Tab zurück wechselst, dann ist immer der entsprechende Bereich wieder geöffnet.
Nimm bei der Konfiguration eher kleine bzw. wenige Änderungen auf einmal vor. Speicher dann und sieh dir die Auswirkung in der Storefront an.
Wenn du langsam und in kleinen Schritten vorgehst, kannst du besser nachvollziehen, was du zuletzt bearbeitet hast um leichter erneute Änderungen oder Korrekturen vornehmen zu können.
Vielleicht speicherst oder kopierst du dir auch, welchen Wert du verändert hast bzw. wie der vorherige Wert war damit du die Änderung einfach wieder zurücksetzen kannst, wenn dir diese nicht gefallen hat.
Hinweis: In unserer Dokumentation, im Changelog und in unseren Support-Antworten geben wir den Weg zu einer Konfiguration immer in genau dieser Reihenfolge an: Tab => Bereich => Abschnitt => Konfiguration. Ein Beispiel: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration" => "Hintergrundfarbe (Header)".
Tipp: Viele Konfigurationsfelder haben Hilfe-Texte . Diese sind sehr wichtig. Schau dir die Hilfe-Texte daher immer an, sie erklären dir genau was die einzelnen Optionen oder die Konfiguration bedeutet und geben dir so eine wichtige Hilfestellung.
Tabs im Überblick
Konfiguration finden
Konfiguration speichern
Tipps zur Konfiguration
Tipp: Mit vielen kleinen Schritten kommst du erfahrungsgemäß schneller ans Ziel.
Weiterführende Informationen
Shop-Navigation konfigurieren
Die Shop-Navigation (Hauptnavigation) ist die Kategorie-Navigation im Header. Die Kategorien legst du in Shopware an, ThemeWare® bestimmt die Darstellung.
Schritt 1: Kategorien anlegen
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in "Kataloge" => "Kategorien"
Lege deine Kategorien und Unterkategorien an
Kategorietyp "Seite / Liste": eine Kategorie mit zugehörigen Produkten und Layout
Kategorietyp "Strukturelement / Einstiegspunkt": dient nur der Gliederung und ist selbst nicht aufrufbar
Kategorietyp "Link": ein Verweis auf ein Produkt, eine andere Kategorie, eine Landingpage oder eine externe Seite
Achte darauf, dass alle Kategorien auf "Aktiv" stehen
Speicher deine Kategorien
Öffne über die Hauptnavigation deinen Verkaufskanal
Wechsel in den Tab "Allgemein"
Prüfe in der Karte "Navigation" das Feld "Einstiegspunkt für die Haupt-Navigation"
Wechsel über die Hauptnavigation in die "Theme-Verwaltung" ("Inhalte" => "Themes")
Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Öffne den Bereich "Top-Navigation Flyout"
Wähle bei "Top-Navigation Flyout" die Darstellung der Untermenüs:
"Shopware-Standard"
Die mobile Navigation konfigurierst du separat:
Tab "Inhalt" => Bereich "Offcanvas-Navigation"
Speicher die Theme-Konfiguration
Wechsel in die Storefront und lade die Seite einmal neu
Du hast nun die Shop-Navigation konfiguriert.
Einführung:
Einführung:
Lege bei den "Hauptnavigations-Ebenen" fest, wie viele Kategorieebenen geladen werden
Speicher den Verkaufskanal
Wechsel in den Tab "Header"
Öffne den Bereich "Top-Navigation"
Wähle bei "Top-Navigation" aus, wie die Navigation dargestellt wird:
"nicht anzeigen"
"Liste anzeigen"
"Hamburger-Menü anzeigen"
Im Abschnitt "Basiskonfiguration" konfigurierst du unter anderem "Home-Link anzeigen", "Pfeile anzeigen", den "Hover-Effekt" und die "Höhe"
In den Abschnitten "Farbkonfiguration" und "Typografie" passt du Farben, Schriftart, Schriftgröße und Textformatierung an
"ThemeWare® Flyout"
"ThemeWare® Dropdown"
"ThemeWare® Flyout mit Karten"
"ThemeWare® Flyout mit Sidebar"
"ThemeWare® Flyout mit Teasern"
Lege im Abschnitt "Basiskonfiguration" bei den "Hauptnavigations-Ebenen" fest, wie viele Kategorieebenen dargestellt werden
Im Abschnitt "Design" wählst du beim "Flyout" bzw. bei der "Dropdown-Navigation" das gewünschte Design aus
Achtung: Die "Hauptnavigations-Ebenen" des Verkaufskanals sind die Obergrenze. Kategorien unterhalb dieser Ebene werden gar nicht erst in die Storefront geladen und können deshalb auch von ThemeWare® nicht dargestellt werden.
Schritt 3: Top-Navigation konfigurieren
Schritt 4: Untermenüs (Flyout) konfigurieren
Tipp: Die globale Einstellung "Top-Navigation Flyout" kann jede Kategorie über das Kategorie-Zusatzfeld "Top-Navigation Flyout" individuell übersteuern.
Schritt 5: Mobile Navigation
Schritt 6: Speichern und prüfen
Weiterführende Informationen
ThemeWare® Video-Tutorial
Service-Navigation konfigurieren
Die Service-Navigation ist eine zweite Navigation im Footer-Bereich, typischerweise mit Einträgen wie "Hilfe", "Kontakt" oder "Versand und Zahlung". Shopware bezeichnet sie als "Footer-Service-Navigation".
Die Navigation selbst legst du in Shopware über Kategorien an und weist sie deinem Verkaufskanal zu. Die ThemeWare® Konfiguration steuert anschließend, wo und wie sie angezeigt wird.
Schritt 1: Kategorien anlegen
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in "Kataloge" => "Kategorien"
Lege auf oberster Ebene eine neue Kategorie an, z.B. "Service"
Wähle in der Karte "Allgemein" beim "Kategorietyp" die Option "Strukturelement / Einstiegspunkt"
Lege unterhalb dieser Kategorie die einzelnen Einträge an, z.B. "Hilfe", "Kontakt", "Versand und Zahlung"
Kategorietyp "Seite / Liste": eine eigene Seite mit zugewiesenem Layout (Erlebniswelt)
Kategorietyp "Link": ein Verweis auf ein Produkt, eine Kategorie, eine Landingpage oder eine externe Seite
Achte darauf, dass alle Kategorien auf "Aktiv" stehen
Speicher deine Kategorien
Damit Shopware weiß, welche Kategorie die Service-Navigation ist, muss sie als Einstiegspunkt zugewiesen werden. Dafür gibt es zwei Wege, das Ergebnis ist identisch.
Öffne die Kategorie "Service"
Öffne die Karte "Navigation"
Wähle beim "Einstiegspunkt" die Option "Footer-Service-Navigation"
Öffne über die Hauptnavigation deinen Verkaufskanal
Wechsel in den Tab "Allgemein"
Wähle in der Karte "Navigation" beim Feld "Einstiegspunkt für die Footer-Service-Navigation" deine Kategorie "Service" aus
ThemeWare® kann die Service-Navigation an mehreren Stellen ausgeben.
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in die "Theme-Verwaltung" ("Inhalte" => "Themes")
Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
Tab "Footer" => Bereich "Copyright-Footer" => Abschnitt "Basiskonfiguration" => "Service-Navigation anzeigen bis ..."
Hier legst du fest, bis zu welchem Viewport die Service-Navigation im Footer angezeigt wird.
Damit erscheint die Service-Navigation zusätzlich in der mobilen Navigation.
Speicher die Theme-Konfiguration
Wechsel in die Storefront und lade die Seite einmal neu
Du hast nun die Service-Navigation eingerichtet.
Das Label des Service-Menüs kannst du über den Textbaustein header.indexLinkService bearbeiten oder übersetzen.
Einführung:
ThemeWare® testen
In diesem Artikel erfährst du, wie du ThemeWare® testen kannst.
Die ThemeWare® Mietversion enthält einen kostenlosen Probemonat. Nutze diese Möglichkeit gerne um verschiedene Varianten zu testen bevor du dich final entscheidest. Die Miete kann jederzeit monatlich gekündigt werden oder wird zu den bei der Buchung angegebenen Preisen automatisch verlängert.
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in den "Store" (1) (2) ("Erweiterungen" => "Store")
Wähle bei der "Verkaufskanalzuweisung" deinen Verkaufskanal aus
Speicher die Kategorie
Speicher den Verkaufskanal
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Info: In der Service-Navigation werden nur die Kategorien der direkt untergeordneten Ebene angezeigt.
Schritt 2: Einstiegspunkt zuweisen
Weg A: über die Kategorie
Weg B: über den Verkaufskanal
Schritt 3: Anzeige in ThemeWare® konfigurieren
Footer
Top-Bar
Info: Shopware hat das Service-Menü mit Version 6.5 im Header entfernt und sieht dies nur noch als "Footer-Service-Navigation" vor. Mit dieser Konfiguration kannst du es wieder in der Top-Bar anzeigen lassen.
Offcanvas-Navigation
Beschriftung anpassen
Weiterführende Informationen
ThemeWare® Video-Tutorial
Wechsel in den Tab "Themes" (3)
Optional: Gebe "ThemeWare" oder z.B. "Modern" in der Suche ein
Klicke nun in der Übersicht auf das gewünschte ThemeWare® Theme
Es öffnet sich nun die Detailseite des ThemeWare® Themes
Klicke auf den Button "Theme hinzufügen" (4)
Es öffnet sich nun ein Pop-up
Hier findest du alle Details zu den Kosten nach Ablauf des Probemonats (5)
Lese und akzeptiere die AGB (6)
Und bestätige die Buchung jetzt mit "Miete jetzt diese Erweiterung" (7)
Du hast ThemeWare® mit einem kostenlosen Probemonat erworben.
Im nächsten Artikel erfährst du, wie du ThemeWare® installieren kannst.
Shopware Store in der Administration
ThemeWare® Modern Pro
ThemeWare® testen
Fertig!
Bei Fragen oder Problemen findest du eine weitere Informationen in unserer ausführlichen Anleitung: ThemeWare® testen
Tipp: Erwirbst du Erweiterungen für eine Testdomain kannst du über deinen Shopware-Account später die Lizenzen auf die Live-Domain übertragen. Mehr Informationen dazu findest du in der Shopware-Dokumentation.
ThemeWare® wird mit deutschen und englischen Textbausteinen ausgeliefert. Die Mehrsprachigkeit selbst ist eine Grundfunktion von Shopware, ThemeWare® fügt sich dort ein.
Schritt 1: Sprache einrichten
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in "Einstellungen" => "Shop" => "Sprachen"
Lege die gewünschte Sprache an oder prüfe die vorhandenen Sprachen
Öffne über die Hauptnavigation deinen Verkaufskanal
Wechsel in den Tab "Allgemein"
Weise bei den "Sprachen" alle Sprachen zu, die im Shop verfügbar sein sollen
Kategorien, Produkte, Landingpages und Erlebniswelten übersetzt du direkt am jeweiligen Datensatz. Über die Sprachauswahl oben im Formular wechselst du die Sprache und pflegst die Übersetzung.
Alle Texte von ThemeWare® liegen als Textbausteine vor und werden je Sprachset übersetzt.
Wechsel über die Hauptnavigation in "Einstellungen" => "Shop" => "Textbausteine"
Wähle das gewünschte Sprachset aus
Suche nach dem Text und passe ihn an
Eine ausführliche Anleitung findest du im Artikel .
Damit deine Kunden die Sprache wechseln können, blendest du die Sprachauswahl ein:
Achtung: Jede Sprache benötigt eine eigene Domain im Verkaufskanal. Ohne Domain ist die Sprache in der Storefront nicht erreichbar.
Schritt 3: Inhalte übersetzen
Schritt 4: Texte des Themes übersetzen
Schritt 5: Sprachauswahl im Shop anzeigen
Was nicht übersetzt wird
Info: Die Theme-Konfiguration gilt pro Verkaufskanal und ist nicht sprachabhängig. Farben, Bilder und auch Texte, die du direkt in der Theme-Konfiguration einträgst (z.B. der "Logo-Text"), sind daher in allen Sprachen identisch. Texte, die übersetzbar sein sollen, pflegst du über Textbausteine.
Weiterführende Informationen
ThemeWare® Video-Tutorial
Schriften konfigurieren
In diesem Artikel geht es um Typografie, dass heißt, wir zeigen dir, wie du Schriftarten in deinem Shop konfigurieren kannst.
Schriften bzw. Fonts konfigurierst du über die ThemeWare® Konfiguration im Shopware 6 Theme-Manager deiner Administration.
Beispiel: In unserem Beispiel ändern wir die Schriftart für Überschriften auf die Schrift "Helvetica".
Öffne die Administration deines Shops
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.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Wechsel in den Tab "Layout" (3)
Öffne den Bereich "Typografie" (4)
Ändere im Abschnitt "Headlines" die Schriftart auf 'Helvetica', sans-serif
Scrolle zum Abschnitt "Strichstärke"
Diese ist in unserem Beispiel auf Light: 400, Normal: 400 und Bold: 600 konfiguriert.
Wähle die in Deiner gewünschten Schriftart verfügbaren Strichstärken aus.
Speicher die Theme-Konfiguration
Wechsel in die Storefront und lade die Seite einmal neu
Du hast nun die Schrift für die Headlines in deiner Storefront geändert.
Schrift-Konfiguration in ThemeWare®
Konfiguriere immer zuerst die Schriftart und erst dann die Schriftgröße und die Strichstärke.
Schriften sind sehr individuell und je nach Schriftart wirkt sich die Größe bzw. die Strichstärke unterschiedlich aus.
Es gibt paar Bereiche in der Theme-Konfiguration (z.B. die "Top-Navigation" im Tab "Header" oder in den ThemeWare® CMS-Elementen) wo du auswählen kannst ob du die konfigurierte Schrift für "Text" oder für "Überschriften" verwenden möchtest.
Grundwissen: Mehr Informationen zum Thema "Schriftkonfiguration" findest du im Artikel Schriftkonfiguration
Tipp: Es ist sinnvoll für den Text eine möglichst klar lesbare, schlichte Schriftart zu verwenden. Wenn du einen schnörkeligeren Font nutzen möchtest, dann maximal in der Überschrift.
In diesem Artikel zeigen wir dir, wie du dein Shop-Logo konfigurieren kannst.
Das Shop-Logo konfigurierst du über die ThemeWare® Konfiguration im Shopware 6 Theme-Manager deiner Administration.
Beispiel: In unserem Beispiel möchten wir Logo etwas vergrößern.
Öffne die Administration deines Shops
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.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Wechsel in den Tab "Header" (3)
Öffne den Bereich "Logo" (4)
Hier wählst du im Abschnitt "Basiskonfiguration" im Konfigurationsfeld "Logoart" (5) die Option "Bild-Logo" aus
Im Abschnitt "Logo" (6) kannst du beispielsweise die "Breite", die "Höhe", den "Abstand nach oben" oder den Hover-Effekt des Shop-Logos konfigurieren
Wir ändern die "Breite" auf 240
Speicher die Theme-Konfiguration
Wechsel in die Storefront und lade die Seite einmal neu
Du hast nun dein Shop-Logo konfiguriert.
Logo-Konfiguration in ThemeWare®
Beispiel
Im Bereich "Sticky Top-Navigation" findest du im Abschnitt "Logo" die Konfiguration für das Logo der Sticky Top-Navigation.
TODO: Custom-Header
Logo-Konfiguration für die Sticky Top-Navigation von ThemeWare®
Das Logo für den "Erlebniswelt-Header" hat keine gesonderte Konfiguration. Es ersetzt lediglich das eigentliche Logo auf Seiten welche den Erlebniswelt-Header nutzen.
TODO: ...
Grundwissen: Mehr Informationen zum Thema "Shop-Logo" findest du im Artikel Shop-Logo
In diesem Artikel erfährst du, wie du ThemeWare® installieren kannst.
Wenn du eine Shopware-Erweiterung über den Shopware Store erworben hast und du deinen Shopware Account in deinem Shop angemeldet hast, kannst du diese ganz einfach über die Erweiterungs-Verwaltung installieren.
Tipp: Melde deinen Shopware Account in deinem Shop an um auf erworbene Lizenzen zugreifen zu können:
ThemeWare® installieren
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")
Wechsel in den Tab "Themes" (3)
ThemeWare® wird in der Übersicht angezeigt
Installiere die Erweiterung nun über die Option "Installieren" (5)
ThemeWare® wurde nun installiert.
Im nächsten Artikel erfährst du, wie du ThemeWare® aktivieren kannst.
Bei Fragen oder Problemen findest du eine weitere Informationen in unserer ausführlichen Anleitung:
ThemeWare® erwerben
In diesem Artikel erfährst du, wie du ThemeWare® nach Ablauf des kostenlosen Probemonats erwerben kannst.
Die ThemeWare® Mietversion enthält einen kostenlosen Probemonat. Die Miete kann jederzeit monatlich gekündigt werden.
Nach Ablauf des Probemonats wird ThemeWare® zu den bei der Buchung angegebenen Preisen automatisch verlängert.
Fast alle Texte von ThemeWare® sind Textbausteine (Snippets). Du kannst sie jederzeit ändern und übersetzen, ohne eine einzige Zeile Code anzufassen. Textbausteine sind eine Grundfunktion von Shopware.
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in "Einstellungen" => "Shop" => "Textbausteine"
ThemeWare® aktivieren
In diesem Artikel erfährst du, wie du ThemeWare® aktivieren kannst.
Hast du eine Erweiterung installiert ist diese grundsätzlich "einsatzbereit". Damit die Erweiterung nun auch genutzt werden kann muss sie noch aktiviert werden.
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")
Wähle das gewünschte Sprachset aus (i.d.R. "BASE de-DE")
Suche nach dem Text, den du ändern möchtest
Passe den Textbaustein an
Speicher deine Änderung
Wechsel in die Storefront und lade die Seite einmal neu
Viele Konfigurationen in der Theme-Konfiguration nennen dir den passenden Textbaustein direkt im Hilfetext, z.B. beim Service-Menü oder bei der USP-Bar. Über den Link im Hilfetext springst du direkt zum Textbaustein.
Findest du einen Text nicht, versuche das Suchwort zu variieren. Es kann sein, dass in manchen Texten Hyperlinks vorkommen, deren HTML-Code dann das Suchwort "stört".
Beispiel: Angenommen du suchst nach einem Textbaustein der USP-Bar und in der Storefront lautet der Text "Exzellenter Support".
Es kann sein, dass du damit den Textbaustein direkt findest, es kann aber auch sein, dass der Textbaustein einen Link enthält: z.B. Exzellenter <a href="...">Support</a>.
Die Suche nach Exzellenter Support würde in diesem Fall nicht zum Ergebnis führen. Suchst du in diesem Fall lediglich nach "Exzellenter", wirst du den Textbaustein finden.
Tipp: Die eigenen Textbausteine von ThemeWare® beginnen mit twt.. Suchst du nach diesem Präfix, siehst du sie auf einen Blick. Daneben nutzt und ergänzt ThemeWare® auch Textbausteine von Shopware.
Direkt aus der Theme-Konfiguration springen
Anmerkung
Hinweis: Wird deine Änderung nicht angezeigt, leere einmal den Shopware- und deinen Browser-Cache.
Weiterführende Informationen
Wechsel in den Tab "Themes" (3)
Aktiviere ThemeWare® über dem Switch-Button (4) links neben dem ThemeWare® Logo
ThemeWare® wurde nun aktiviert.
Im nächsten Artikel erfährst du, wie du ThemeWare® zuweisen kannst.
ThemeWare® aktivieren
Bei Fragen oder Problemen findest du eine weitere Informationen in unserer ausführlichen Anleitung: ThemeWare® aktivieren
Die Footer-Navigation ist die mehrspaltige Navigation im Footer, z.B. mit den Spalten "Service", "Informationen" oder "Über uns".
Die Navigation selbst legst du in Shopware über Kategorien an und weist sie deinem Verkaufskanal zu. In der ThemeWare® Konfiguration bestimmst du anschließend, an welcher Stelle im Footer sie ausgegeben wird und wie sie aussieht.
Schritt 1: Kategorien anlegen
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in "Kataloge" => "Kategorien"
Lege auf oberster Ebene eine neue Kategorie an, z.B. "Footer"
Wähle in der Karte "Allgemein" beim "Kategorietyp" die Option "Strukturelement / Einstiegspunkt"
Lege unterhalb dieser Kategorie die Spalten an, z.B. "Service", "Informationen", "Über uns"
Auch hier ist der Kategorietyp "Strukturelement / Einstiegspunkt" sinnvoll
Lege unterhalb jeder Spalte die einzelnen Links an, z.B. "Kontakt", "Versand und Zahlung", "AGB"
Kategorietyp "Seite / Liste": eine eigene Seite mit zugewiesenem Layout (Erlebniswelt)
Kategorietyp "Link": ein Verweis auf ein Produkt, eine Kategorie, eine Landingpage oder eine externe Seite
Achte darauf, dass alle Kategorien auf "Aktiv" stehen
Speicher deine Kategorien
Dafür gibt es zwei Wege, das Ergebnis ist identisch.
Öffne die Kategorie "Footer"
Öffne die Karte "Navigation"
Wähle beim "Einstiegspunkt" die Option "Footernavigation"
Öffne über die Hauptnavigation deinen Verkaufskanal
Wechsel in den Tab "Allgemein"
Wähle in der Karte "Navigation" beim Feld "Einstiegspunkt für die Footer-Navigation" deine Kategorie "Footer" aus
In ThemeWare® ist die Footer-Navigation ein Widget, das du einem der Footer-Elemente zuweist.
Wechsel über die Hauptnavigation in die "Theme-Verwaltung" ("Inhalte" => "Themes")
Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Tab "Widgets" => Bereich "Footer-Navigation"
Im Abschnitt "Basiskonfiguration" konfigurierst du den "Listenstil" und den "Innenabstand links (Liste mit Elementmarkierung)"
Im Abschnitt "Farbkonfiguration" die "Linkfarbe", die "Linkfarbe @hover", die "Markierungsfarbe (Liste mit Elementmarkierung)
Speicher anschließend die Theme-Konfiguration und lade die Storefront einmal neu.
Einführung:
Einführung:
ThemeWare® Utilities herunterladen
In diesem Artikel erfährst du, wie du kostenfreien Zugang zu den beliebten ThemeWare® Utilities für dein ThemeWare® Theme erhältst.
Import-Plugin für eine Profi-Erlebniswelt mit Storytelling-Elementen (Self-hosted)
Schritt-für-Schritt Anleitung für eine Profi-Erlebniswelt mit Storytelling-Elementen (Cloud)
Farben konfigurieren
In diesem Artikel erfährst du, wie du die Farben in deinem Shop konfigurierst.
Farben kannst du in verschiedenen Bereichen konfigurieren:
Theme-Konfiguration
Erlebniswelten
Wähle bei der "Verkaufskanalzuweisung" deinen Verkaufskanal aus
Speicher die Kategorie
Speicher den Verkaufskanal
Wechsel in den Tab "Footer"
Öffne den Bereich "Inhalte zuweisen und anordnen"
Wähle in einem freien Abschnitt (z.B. "Element 1") beim "Inhalt (Widget)" die Option "Footer Navigation"
Lege den "Bereich" (z.B. "Mittlerer Bereich") und die "Reihenfolge" fest
Speicher die Theme-Konfiguration
" und die "
Rahmenfarben unten
"
Im Abschnitt "Typografie" die "Textformatierung" und ob "Links unterstreichen" aktiv ist
Info: Die Kategorien der direkt untergeordneten Ebene werden zu Spalten, der Kategoriename wird als Spaltenüberschrift ausgegeben. Alle Kategorien darunter erscheinen als Zeilen innerhalb der Spalte.
Schritt 2: Einstiegspunkt zuweisen
Weg A: über die Kategorie
Weg B: über den Verkaufskanal
Schritt 3: Footer-Navigation im Theme platzieren
Schritt 4: Darstellung anpassen
Weiterführende Informationen
ThemeWare® Video-Tutorial
Alle Grafiken im offenen PSD-Format
Logo-Set mit 40 Pagespeed optimierten Grafiken für Versandanbieter
Logo-Set mit 90 Pagespeed optimierten Grafiken für Zahlungsarten
Grafik-Sets mit verschiedenen Vorlagen und SSL-Siegeln
ThemeWare® Customizing Plugin für individuelle Anpassungen (Self-hosted)
ThemeWare® Customizing App für individuelle Anpassungen (Cloud)
Auf der folgenden Seite findest du ein Formular über welches du die Tools kostenlos anfordern kannst. Diese werden dir sofort per E-Mail zugeschickt und unterstützen dich bei der Gestaltung deines Shops.
Wähle deine Shopware Version aus
Wähle dein ThemeWare® Theme aus
Gib deine E-Mail-Adresse ein
Wähle aus ob du als Shopbetreiber oder Agentur (Freelancer) für einen Kunden tätig bist
Lese und bestätige die Datenschutzerklärung
Klicke auf den Button "Jetzt kostenfrei registrieren"
Du hast Dich nun erfolgreich registriert und erhältst eine E-Mail mit allen Informationen, Download-Links und mehr.
ThemeWare® Utilities: Hilfreiche Tools und Extras für die Gestaltung deines Shops
Hinweis: Zusätzlich profitierst du von unserem neuen Update-Newsletter und erfährst so alles über Updates, Änderungen und neue Funktionen von ThemeWare®.
Tipp: Du kannst die Utilities auch direkt aus deiner Administration anfordern. Der ThemeWare® Hub hat dafür den Tab "Utilities" – du erreichst ihn über die Hauptnavigation "Inhalte" => "ThemeWare® {Dein Theme}". Der Hub gehört zu den ThemeWare® Anpassungen der Administration und steht daher nur in der Pro-Edition zur Verfügung ().
ThemeWare® Utilities anfordern
Tipp: Prüfe Deinen Spam-Ordner, wenn du die E-Mail nicht zeitnah erhalten hast und fordere die Utilities im Zweifelsfall erneut an.
Hinweis: Die ThemeWare® Utilities werden von Zeit zu Zeit aktualisiert. Fehlt dir ein Link, führe die Registrierung einfach noch einmal durch um die ThemeWare® Utilities E-Mail noch einmal zu erhalten.
Weiterführende Informationen
ThemeWare® Video-Tutorial
jegliche HTML-Elemente (Inline-Styles)
Shopware Core (sehr wenige, nicht für die Gestaltung relevant)
Nachfolgend zeigen wir dir wie du die Hauptfarben in der Theme-Konfiguration an deine Wünsche anpassen kannst, stellen dir das Farbkonfigurationsfeld vor und zeigen dir mögliche Konfigurationswerte.
Wahrscheinlich möchtest du als erstes die Primärfarbe an dein Corporate-Design anpassen.
Öffne die Administration deines Shops
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.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Wechsel in den Tab "Layout" (3)
Öffne den Bereich "Hauptfarben" (4)
Als "Primärfarbe" (5) wählen wir den Wert #0e8ed3
Im Feld Primärfarbe (hell) wählen wir die Nuance #6ac5f5
Als Primärfarbe (dunkel) wählen wir #0c7ebb
Speicher die Theme-Konfiguration
Wechsel in die Storefront und lade die Seite einmal neu
Du hast nun erfolgreich die Primärfarbe geändert.
ThemeWare® Hauptfarben
TemeWare® Strong - Orange
ThemeWare® Strong - Blau
Grundwissen: Mehr Informationen zum Thema "Farbkonfiguration" findest du im Artikel Farbkonfiguration.
Hinweis: Die Farbe vom Logo oder Design-Elementen in Bannern der Erlebniswelt ändert sich dadurch nicht. Dies sind Grafiken die nicht vom Browser umgefärbt werden können. Du kannst aber alle Grafiken im PSD-Format über die ThemeWare® Utilities herunterladen und diese beliebig anpassen.
Weiterführende Informationen
ThemeWare® Video-Tutorial
Produktseiten bearbeiten und anlegen
Produktseiten sind die Detailseiten deiner Produkte. Sie bestehen aus den Produktdaten aus Shopware und der Darstellung, die du in ThemeWare® konfigurierst.
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in "Kataloge" => "Produkte"
Tipp: Ein Layout kannst du mehreren Produkten zuweisen. Für einzelne, besonders wichtige Produkte lohnt sich ein eigenes Layout.
Schritt 3: Produktseite im Theme konfigurieren
Zusatzfelder am Produkt
Weiterführende Informationen
ThemeWare® Video-Tutorial
"Konfigurator (in der Buybox)": die Variantenauswahl
"Lieferinformationen (in der Buybox)"
"Produkt-Badges (in der Galerie oder Buybox)"
"Produkt-Bewertung (in der Buybox oder am Produktnamen)"
"Produkt-Spezifikationen (in der Buybox)"
"Vorteile (in der Buybox)" und "Social-Proofing (in der Buybox)"
"Teilen-Links (in der Buybox)" und "Zahlungsanbieter-Logos (in der Buybox)"
"Tabs" sowie die einzelnen Tab-Bereiche, z.B. "Tab 'Beschreibung'" oder "Tab 'Eigenschaften'"
"Cross-Selling"
Support erhalten
Kunden lieben unseren Service!
Bei Fragen oder Problemen steht dir rund um die Uhr unser beliebtes ThemeWare® Service Portal zur Verfügung. Dort findest du alle Links zu ThemeWare®, nützliche Tools, Antworten auf die häufigsten Fragen, Lösungen für jedes bekannte Problem sowie Neuigkeiten rund um ThemeWare® und Shopware 6.
Das Service Portal ist daher immer die erste Anlaufstelle bei allen Anliegen rund um ThemeWare®:
ThemeWare® Hub
Noch schneller bist du über den ThemeWare® Hub: Er bringt das Service Portal direkt in deine Administration, du musst den Shop also gar nicht verlassen. Du erreichst ihn über die Hauptnavigation "Inhalte" => "ThemeWare® {Dein Theme}".
Im Tab "Support" findest du gebündelt:
den Live-Chat für Fragen ohne Wartezeit
alle Selbsthilfe-Quellen: Wissensdatenbank, Handbuch, Shopware-Doku, Video-Tutorial, Config-Finder, häufige Fragen und den Update-Leitfaden
Ticket erstellen, Verbesserungsvorschlag und Beschwerde
unsere Services sowie News, Changelog und die Kompatibilitäts-Übersicht
Die meisten Fragen haben wir dank tausender Tickets bereits beantwortet, die meisten Fehler sind längst bekannt und gelöst. Damit alle Kunden von diesem Wissen profitieren können, haben wir unser Wissen in der ThemeWare® Wissensdatenbank, im ThemeWare® Handbuch und im ThemeWare® Video-Tutorial dokumentiert.
Zusätzlich findest du in der Shopware Dokumentation nahezu alle Informationen zu Shopware 6.
So kannst du fast alle Fragen und Probleme einfach selber lösen ohne auf unsere Antwort warten zu müssen.
Falls du dennoch Unterstützung benötigst, kannst du über das ThemeWare® Service Portal ein Ticket eröffnen um schnelle Hilfe zu erhalten.
Schaue in die
Schaue bei Problemen/Fehlern in den
Schaue in die ThemeWare® Dokumentation
Wir beantworten alle Tickets in kürzester Zeit. Wenn du nicht innerhalb von 24 Stunden eine Antwort erhältst gab es daher wahrscheinlich ein technisches Problem bei deiner Anfrage. Versuche es einfach erneut.
Benötigst du eine Aufwands-/Kosteneinschätzung von unseren ThemeWare® Experten für ein individuelles Shopware Design, Landingpage Designs, individuelle Anpassungen oder andere Shopware-Services, nutze in jedem Fall das ThemeWare® Service Portal:
Du hast eine Idee für eine bislang fehlende Funktion, von der auch viele andere Shopbetreiber profitieren würden? Du bist mit ThemeWare® oder einem Service unzufrieden? Du hast Wünsche oder Feedback zu Artikeln oder Videos? Dann lasse es uns wissen!
Wir freuen uns immer über Vorschläge und Hinweise, um unsere Produkte noch weiter zu verbessern.
Jedes Feedback wird von unseren Entwicklern geprüft und beantwortet. Wir informieren dich auch gerne, sobald dein Feedback Einzug in ThemeWare® gefunden hat.
Hinweis: Der ThemeWare® Hub gehört zu den ThemeWare® Anpassungen der Administration und steht daher nur in der Pro-Edition zur Verfügung. Alle Details findest du im Handbuch.
ThemeWare® Support
Support erhalten
Tipp: Achte darauf deine Antwort-Adresse korrekt zu übermitteln. Es kommt leider gelegentlich vor, dass Antworten nicht übermittelt werden können.
Aufwands-/Kosteneinschätzung von unseren ThemeWare® Experten
Wünsche, Vorschläge, Feedback oder Kritik
Weiterführende Informationen
USP-Bar konfigurieren
Die USP-Bar ist eine Leiste mit deinen wichtigsten Verkaufsargumenten, z.B. "Kostenloser Versand" oder "30 Tage Geld-Zurück-Garantie". Sie lässt sich im Header und im Footer anzeigen.
Schritt 1: USP-Bar aktivieren
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in die "Theme-Verwaltung" ("Inhalte" => "Themes")
Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Wechsel in den Tab "Erweiterungen"
Öffne den Bereich "USP-Bar"
Aktiviere "USP-Bar im Header anzeigen" und/oder "USP-Bar im Footer anzeigen"
Im Abschnitt "Basiskonfiguration" stehen dir unter anderem zur Verfügung:
"Position (Header)" und "Position (Footer)": wo die Leiste ausgegeben wird
"Darstellungsart (Header)" und "Darstellungsart (Footer)": z.B. mit kleinen oder großen Icons
"Untertitel anzeigen (große Icons)"
Farben konfigurierst du im Abschnitt "Farbkonfiguration", Schriften und Icongrößen im Abschnitt "Typografie".
Im Abschnitt "USPs" legst du pro Vorteil fest, ab welchem Viewport er angezeigt wird ("Vorteil 1 anzeigen ab ..." und folgende). So zeigst du auf kleinen Bildschirmen nur die wichtigsten Argumente.
Die Inhalte der USP-Bar pflegst du über Textbausteine:
Textbaustein
Inhalt
Für die weiteren Vorteile nutzt du entsprechend usp2, usp3 und so weiter.
Eine Übersicht aller Icons von Shopware 6 findest du über folgenden Link. In der Theme-Konfiguration bzw. in Textbausteinen von ThemeWare® kannst du die Icons aus dem Icon-Set "default" nutzen.
Einführung:
"Höhe (kleine Icons)" und "Höhe (große Icons)"
"Vorteile ausrichten (kleine Icons)" und "Vorteile ausrichten (große Icons)"
"Inhalt (Widget)": ein zusätzliches Widget in der USP-Bar
Info: Möchtest du einen Vorteil gar nicht ausgeben, stelle im Abschnitt "USPs" das Feld "Vorteil X anzeigen ab ..." auf "nicht anzeigen". Ein leerer Textbaustein blendet den Vorteil nicht aus.
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.
Öffne die Administration deines Shops
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.
Du hast nun das Shop-Logo erfolgreich ausgetauscht.
Grundwissen: Mehr Informationen zum Thema "Shop-Logo" findest du im Artikel
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Wechsel in den Tab "Layout" (3)
Öffne den Bereich "Bilder" (4)
Klicke auf den Button (5) um das aktuelle "Logo @Desktop" zu entfernen
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
Wiederhole die Schritte 6 und 7 für alle Logos die du austauschen möchtest
Speicher die Theme-Konfiguration
Wechsel in die Storefront und lade die Seite einmal neu
Tipp: Orientiert dich einfach an unseren PSD-Dateien in unserem Bildvorlagen-Downloadpaket welches du über die ThemeWare® Utilities erhältst.
Weiterführende Informationen
ThemeWare® Video-Tutorial
Mehr als ein ThemeWare® Theme nutzen
Du kannst durchaus mehr als ein ThemeWare® Theme in deinem Shop nutzen. Auch ist es möglich die Pro-Edition und gleichzeitig die Cloud-Edition zu nutzen.
...
...
Nutzt du mehr als ein ThemeWare® Theme in deinem Shop, gibt es jeden CMS-Block bzw. jedes CMS-Element nur einmal in der Administration auch wenn diese mehrfach angezeigt werden. Die Blöcke bzw. Elemente funktionieren dann solange, bis du das letzte ThemeWare® Theme deaktivierst.
