Wie du die Startseite deines Themes erstellen kannst, erfährst du in folgendem Artikel:

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")

3. Wechsel in den Tab "Themes" (3)

4. Aktiviere ThemeWare® über dem Switch-Button (4) links neben dem ThemeWare® Logo

5. Leere den gesamten Shopware-Cache und lade die Administration neu

ThemeWare® wurde nun aktiviert.

Generell ist es beim Erwerb von Erweiterungen (Apps, Plugins oder Theme) im Shopware Store zunächst immer sinnvoll, diese vorab als "Testversion" in Form eines kostenlosen Probemonats zu installieren. So kannst du die entsprechende Erweiterung 30 Tage kostenfrei testen und sicher gehen, dass diese auch seine Erwartungen erfüllt.

Sollte es trotz dessen versehentlich zu einem "Fehlkauf" einer Erweiterung gekommen sein, melde dich bitte einmal über das folgende Kontaktformular beim Shopware-Vertrieb:

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")

3. Wechsel in den Tab "Themes" (3)

4. Lese die Versionsnummer bei dem Eintrag für ThemeWare® ab (4)

Vorab möchten wir darauf hinweisen, dass erworbene Erweiterungen automatisch in der Erweiterungs-Verwaltung erscheinen. Ein manueller Upload ist daher nicht nötig.

Der manuelle Upload von Erweiterungen ist auf zwei Wegen möglich:

• Upload über die (empfohlen)

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")

Mit ThemeWare® profitierst du von einer kontinuierlichen Weiterentwicklung. Von Zeit zu Zeit kann es daher vorkommen, dass wir Konfigurationsfelder entfernen oder ersetzen.

Verbleiben "verwaiste Konfigurationsfelder" in der Konfiguration kannst du diese wie folgt entfernen:

1. Öffne die Administration deines Shops

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")

Die ThemeWare® Mietversion enthält einen kostenlosen Probemonat. Die Miete kann jederzeit monatlich gekündigt werden oder wird zu den bei der Buchung angegebenen Preisen automatisch verlängert.

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in den "Store" (1) (2) ("Erweiterungen" => "Store")

In diesem Bereich findest du viele nützliche Anleitungen rund um das Thema Fonts bzw. Schriften.

Bevor du mit der Schrift-Konfiguration startest empfehlen wir dir einen Blick in unser Video-Tutorial. Im Video "" erklären wir dir wichtige Grundlagen.

Bevor du ein Problem meldest, kannst du ganz einfach selber überprüfen, ob eine bestimmte Erweiterung (Plugin oder App) für das Problem verantwortlich ist.

Erweiterungen deaktivieren

Deaktiviere (nicht deinstalliere!) einmal alle verwendeten Erweiterung (Plugins oder Apps). Besteht das Problem nach Deaktivierung aller Erweiterungen nicht mehr, liegt das Problem wahrscheinlich an einer Erweiterung.

Weiterführende Informationen

Wie wir die Kategorie "Höhenluft & Abenteuer" in unseren Demoshops erstellt haben findest du in folgender Schritt-für-Schritt-Anleitung:

Bevor du ein Problem meldest, kannst du ganz einfach selber überprüfen, ob eine individuelle Anpassung, eine bestimmte Erweiterung (Plugin oder App) oder das Theme für das Problem verantwortlich ist.

Prüfe ob das Problem vom Theme verursacht wird

Um zu prüfen ob der Fehler bzw. das Problem überhaupt beim Theme liegt, nutze bitte den folgenden Artikel:

Prüfe ob eine individuelle Anpassung den Fehler verursacht

Um zu prüfen ob der Fehler bzw. das Problem durch eine individuelle Anpassung verursacht wird, nutze bitte den folgenden Artikel:

Prüfe ob eine Erweiterung den Fehler verursacht

Um zu prüfen ob der Fehler bzw. das Problem durch eine bestimmte Erweiterung (Plugin oder App) verursacht wird, nutze bitte den folgenden Artikel:

Die ThemeWare® Mietversion enthält einen kostenlosen Probemonat. Die Miete kann jederzeit monatlich gekündigt werden oder wird zu den bei der Buchung angegebenen Preisen automatisch verlängert.

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in den "Store" (1) (2) ("Erweiterungen" => "Store")

3. Wechsel in den Tab "Themes" (3)

4. Optional: Gebe "ThemeWare" oder z.B. "Outdoor" in der Suche ein

5. Klicke nun in der Übersicht auf das gewünschte ThemeWare® Theme

6. Es öffnet sich nun die Detailseite des ThemeWare® Themes

7. Klicke auf den Button "Theme hinzufügen" (4)

8. Es öffnet sich nun ein Pop-up

9. Hier findest du alle Details zu den Kosten nach Ablauf des Probemonats (5)

10. Lese und akzeptiere die AGB (6)

11. Und bestätige die Buchung jetzt mit "Miete jetzt diese Erweiterung" (7)

Du hast ThemeWare® nun gemietet.

Die Theme-Konfiguration von ThemeWare® kannst du über zwei Wege erreichen:

1. Über die Theme-Verwaltung (empfohlen)

2. Über den entsprechenden Verkaufskanal

Nachfolgend zeigen wir dir beide Wege im Detail.

1. Theme-Verwaltung

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.

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in den Verkaufskanal deiner Storefront im Bereich "Verkaufskanäle" (1)

3. Wechsel in den Tab "Theme" (2)

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")

3. Wechsel in den Tab "Themes" (3)

4. Klicke auf den Kontext-Button (4) neben dem Theme um das Kontextmenü zu öffnen und darin auf "Deinstallieren" (5)

   • ℹ️ Hinweis: Deaktiviere das Theme vor dem Update und leere nach dem Deaktivieren einmal den Shopware-Cache.

5. Im folgenden Pop-up musst du die Deinstallation noch einmal mit dem Button "Deinstallieren" bestätigen

6. Leere den gesamten Shopware-Cache und lade die Administration neu

ThemeWare® wurde nun deinstalliert.

Wenn du ThemeWare® deinstallierst, kannst du die Option "Alle App-Daten endgültig entfernen" nutzen. Diese löscht alle Daten von ThemeWare® wie beispielsweise die Theme-Konfiguration, ThemeWare® Duplikate und die ThemeWare® Zusatzfelder.

Möchtest du ThemeWare® also rückstandslos entfernen, nutze diese Option.

Wird die Option nicht genutzt verbleiben alle Daten weiterhin im System und können wieder genutzt werden sobald du ThemeWare® wieder installierst.

In Shopware 6 können CMS-Blöcke sowie CMS-Sektionen in verschiedenen Viewports ausgeblendet werden.

Wie dies funktioniert erfährst du in folgenden Anleitungen:

• Responsive Erlebniswelten erstellen

• Responsive Erlebniswelten mit Bootstrap

Bevor du ein Problem meldest, kannst du ganz einfach selber überprüfen, ob deine individuelle Konfiguration einen Fehler hat.

Nutze dafür einfach die "Validieren"-Funktion von Shopware.

Dies ist beispielsweise Sinnvoll wenn du eine Fehlermeldung wie Ungültige Konfiguration – Die Konfiguration ist fehlerhaft. Das Theme kann nicht gespeichert werden., erhältst bzw. das Theme nicht gespeichert werden konnte.

Um deine Konfiguration zu validieren öffne die Theme-Konfiguration und klicke auf den Pfeil neben dem Speichern-Button. Dort hast du die Option "Validieren".

Die Validierung sollte dir einen Hinweis geben, welcher Wert nicht stimmt.

Wie du invalide Felder finden/korrigieren kannst, erfährst du in der folgenden Anleitung:

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")

In diesem Artikel zeigen wir dir, wie du einfach prüfen kannst ob dein Shop Google Fonts importiert oder Fonts von deinem Server lädt.

1. Rufe die Entwicklerkonsole in deinem Browser auf:

   1. Windows: Strg +Umschalt +J

Mehr Informationen zum Thema "Schriftkonfiguration" findest du in der ThemeWare® Einführung: und im Artikel: .

Wir freuen uns immer über eine ehrliche Bewertung. Die Bewertung muss auch gar nicht lang sein, 1-2 Sätze reichen.

Es gibt zwei Möglichkeiten wie du ThemeWare® bewerten kannst:

1. Über deinen Shopware-Account (empfohlen)

2. Über deine Shop-Administration

Nachfolgend zeigen wir dir beide Wege im Detail.

1. Logge dich in deinen ein

2. Wechsel oben links über das Auswahlfeld in den "Shopbetreiberbereich" (1)

3. Klicke in der Navigation auf "Shops" (2)

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")

3. Wechsel in den Tab "Themes" (3)

Animationen – CSS-Animationen für CMS-Blöcke

ThemeWare® stellt dir eine umfangreiche Auswahl an CSS-Animationen zum Verschönern deiner Erlebniswelten bereit. Nachfolgend erklären wir dir, wie du die "CSS-Scroll-Animationen" in nur 2 Schritten aktivieren und nutzen kannst.

ThemeWare® CSS-Scroll-Animationen

1. Animationen aktivieren

1. Öffne die Administration deins Shops

2. Wechsel über die Hauptnavigation in den Theme-Manager ("Inhalte" => "Themes") Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.

3. Öffne die Konfiguration deines Themes

4. Wechsel im Tab "Erlebniswelten" in den Bereich "Alle Typen"

5. Im Abschnitt "CSS-Scroll-Animationen" findest du Konfigurationsfelder für "CMS-Blöcke" und "Überschriften in CMS-Blöcken"

6. Wähle die gewünschte Animation für CMS-Blöcke bzw. die Überschriften in CMS-Blöcken (optional).

7. Speicher diese Änderung damit diese in die Storefront übernommen wird

1. Wechsel über die Hauptnavigation in die Erlebniswelt-Verwaltung ("Inhalte" => "Erlebniswelten")

2. Bearbeite die gewünschte Erlebniswelt

3. Wähle den gewünschten CMS-Block aus, welchen du animieren möchtest

Der entsprechende CMS-Block sollte nun mit der gewünschten Animation animiert werden. Wiederhole "Step 2" für alle CMS-Blöcke, die du animieren möchtest.

Sollte die Änderung nicht in der Storefront ankommen, prüfe bitte ob das Theme dem entsprechenden Verkaufskanal zugewiesen wurde. Leere bei Änderungen dieser Art auch unbedingt einmal den gesamten Shopware sowie den Browser-Cache.

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")

3. Wechsel in den Tab "Themes" (3)

4. Suche dein Theme in der Liste deiner Erweiterungen

   • Klicke auf "Aktualisieren" (4) oder

   • Klicke auf den Kontext-Button neben dem Theme um das Kontextmenü zu öffnen und darin auf "Aktualisieren auf x.y.z" (4)
5. Leere den gesamten Shopware-Cache und lade die Administration neu

ThemeWare® wurde nun aktualisiert.

Beachte bei Updates von ThemeWare® stets unseren Update-Leitfaden:

Um invalide Konfigurationsfelder zu korrigieren, folge bitte der folgenden Anleitung.

Hintergrundwissen

Kannst du deine Konfiguration nicht speichern und/oder erhältst beim Speichern einen entsprechenden Hinweis (z.B. "Ungültige Konfiguration"), liegt das in der Regel an einem falsch befüllten Konfigurationsfeld.

Bei einem Fehler gibt es die beiden folgenden Möglichkeiten:

1. Du hast vor dem Speichern ein Feld falsch befüllt.

   • Der falsche Wert wird nicht übernommen. Lade die Konfiguration einmal neu und alles ist wieder in Ordnung.

2. Du hast vor dem Update auf Shopware 6.7 ein Feld falsch befüllt.

   • Du musst nun den Wert finden und korrigieren.

Wir gehen in diesem Artikel davon aus, dass du die Konfiguration bereits validiert hast und einen Hinweis auf das fehlerhafte Feld bekommen hast.

Hast du die Konfiguration noch nicht validiert, gehe bitte wie in folgendem Artikel beschrieben vor:

Gehen wir davon aus, du erhältst die Meldung SCSS Value "#9fa5ab;" is not valid for type "color" oder SCSS Value "none" is not valid for type "color". Beides sind Varianten des selben Problems, einer falsch befüllten Farbkonfiguration.

Im ersten Fall hat sich ein Kopierfehler eingeschlichen und ein Semikolon wurde ergänzt: #9fa5ab;. Im zweiten Fall wurde der Wert none eingefügt. Der Wert none ist kein valider Wert für ein CSS-/SCSS-Farbfeld. Nutze transparent oder rgba(255, 255, 255, 0) um eine Farbe zu "entfernen".

1. Öffne die Administration deines Shops

2. Öffne die Konfiguration deines Themes

3. Durchsuche jeden Tab mit deinem Browser (z.B. Strg + F) nach dem fehlerhaften Wert (z.B. #9fa5ab; bwz. none )

Dein Theme sollte nun wieder gespeichert werden.

Mehr Informationen zum Fehler "Ungültige Konfiguration" findest du in folgenden Artikel:

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 Theme-Konfiguration zu öffnen

4. Scrolle im Tab "Allgemein" zum Abschnitt mit der Zuweisung deines Themes

5. Klicke auf den Kontext-Button (3) oben rechts um ein Kontextmenü zu öffnen

6. Wähle die Option "Theme zurücksetzen" (4) aus

7. Es erscheint ein Pop-up "Theme zurücksetzen"

8. Setze die Theme-Konfiguration mit dem Button "Theme zurücksetzen" (5) zurück

Erfahrene Anwender können die Konfiguration manuell über die Datenbank zurücksetzen. Eine Anleitung dazu findest du im folgenden Artikel:

Die Theme-Konfiguration von ThemeWare® kannst du über zwei Wege erreichen:

1. Über den entsprechenden (empfohlen)

2. Über die

Nachfolgend zeigen wir dir beide Wege im Detail.

Um zu prüfen ob ein Fehler oder Problem durch eine individuelle Anpassung verursacht wird, folge bitte der folgenden Anleitung:

1. Theme-Duplikat ausschließen (falls verwendet)

2. Individuelle Anpassungen ausschließen (falls verwendet)

ThemeWare® bietet dir die Möglichkeit Google Fonts automatisiert zu importieren.

1. Suche dir einen gewünschten aus

2. Klicke neben einem Style des Fonts auf den Button "+ Select this style" (1)

Um zu prüfen ob ein Fehler oder Problem überhaupt im Zusammenhang mit ThemeWare® stehen könnte, reicht es das Shopware Standard-Theme (bzw. Shopware default theme) deinem Verkaufskanal zuzuweisen. Folge dazu einfach der folgenden Anleitung:

1. Shopware Standard-Theme zuweisen (bzw. Shopware default theme zuweisen)

2. Shopware Cache leeren

Wie du eigene Fonts oder Google Fonts selber hostest bzw. lokal auf deinem Webserver hinterlegst und dann in deinen Shopware 6 Shop (self-hosted) einbinden kannst, erfährst du in diesem Artikel.

Vorwort

Damit du die Font-Dateien und die entsprechenden CSS-Anpassungen problemlos hinterlegen kannst solltest du eine separate Erweiterung (Plugin oder App) für individuellen Anpassungen nutzen.

• Prüfe ob es im Shopware Community Store bereits eine passende Erweiterung gibt.

• Alternativ kannst du die folgende manuelle Methode nutzen.

Der einfachste Weg ist die Dateien im Ordner "public" deiner Shopware Installation bereitzustellen.

In unserem Beispiel möchten wir den Google Font "Titillium Web" für Text und Headlines in einer Strichstärke von "400" und "600" nutzen. Um die Schriftarten herunterzuladen, empfehlen wir den kostenfreien Dienst .

1. Suche oben links nach der gewünschten Schrift und wähle diese aus (z.B. "Titillium Web").

2. Gebe unter "2. Select styles" die benötigten Strichstärken an. (z.B. regular/400 und bold/600)

3. Als Ordner-Präfix unter "3. Copy CSS" kannst du es bei "../fonts/" belassen.

1. Entpacke das ZIP-Archiv und lade die Fonts per FTP in den Ordner "fonts" hoch Ordnerpfad: public/fonts/

2. Wechsel in den Ordner "css" und erstelle die Datei "fonts.css" Ordnerpfad: public/css/

1. Öffne ThemeWare® im Theme-Manager und wechsle in den Tab "Layout" => Bereich "Typografie":

   1. Trage deine Schriftart im Abschnitt "Text" und/oder "Überschriften" ein. (z.B. "'Titillium Web', sans-serif")

   2. Trage deine Strickstärken im Abschnitt "Stichstärke" (light, normal, bold) ein. (z.B. 400, 400, 600)

• Prüfe ob nun keine Schriften mehr über die Google Fonts API geladen werden.

Der Erste Schritt bei Problemen oder vermeintlichen Fehlern ist immer ein Blick in den Bereich "Häufige Fehler". Dort findest du sowohl für die Storefront als auch für die Administration Lösungen für die häufigsten, bekannten Probleme und Fehler.

Durch unsere über 3.000 Kunden haben wir fast jedes Problem schon gesehen und gelöst. Es ist daher sehr wahrscheinlich, dass das Problem bereits bekannt ist und es bereits eine Lösung gibt.

Schaue also immer zuerst einmal in den Bereich "Häufige Fehler":

Wie du eigene Fonts oder Google Fonts selber hostest bzw. lokal auf deinem Webserver hinterlegst und dann mit unserem kostenfreien "ThemeWare® Customizing Plugin" in deinen Shopware 6 Shop (Self-hosted) einbinden kannst, erfährst du in diesem Artikel.

Einleitung

Damit du die Font-Dateien und die entsprechenden CSS-Anpassungen problemlos hinterlegen kannst solltest du eine separate Erweiterung für individuellen Anpassungen nutzen.

• Prüfe ob es im Shopware Community Store bereits eine passende Erweiterung gibt.

• Alternativ kannst du die folgende Methode mit dem "ThemeWare® Customizing Plugin" nutzen.

Alle Informationen zum "ThemeWare® Customizing Plugin", der Installation und den Download-Link findest du im folgenden Artikel:

1. Lade die Zip-Datei unserer Erweiterung über den Shopware 6 Erweiterungs-Verwaltung hoch

2. Installiere und aktiviere die Erweiterung danach

In unserem Beispiel möchten wir den Google Font "Titillium Web" für Text und Headlines in einer Strichstärke von "400" und "600" nutzen. Um die Schriftarten herunterzuladen, empfehlen wir den kostenfreien Dienst .

1. Suche oben links nach der gewünschten Schrift und wähle diese aus (z.B. "Titillium Web")

2. Gebe unter "2. Select styles" die benötigten Strichstärken an. (z.B. regular/400 und bold/600)

3. Gebe als Ordner-Präfix unter "3. Copy CSS" den Pfad /bundles/tcinncustomizing/fonts/ an

1. Entpacke das ZIP-Archiv und lade die Fonts per FTP in den Plugin-Ordner "fonts" hoch Ordnerpfad: custom/plugins/TcinnCustomizing/src/Resources/public/fonts/

2. Öffne die Datei "base.scss" Ordnerpfad: custom/plugins/TcinnCustomizing/src/Resources/app/storefront/src/scss/

• Öffne ThemeWare® im Theme-Manager und wechsle in den Tab "Layout" => Bereich "Typografie":

  1. Trage deine Schriftart im Abschnitt "Text" und/oder "Überschriften" ein. (z.B. "'Titillium Web', sans-serif")

  2. Trage deine Strickstärken im Abschnitt "Stichstärke" (light, normal, bold) ein. (z.B. 400, 400, 600)

• Damit die Schriften in die Storefront geladen werden, deaktiviere das "ThemeWare® Customizing Plugin" bitte einmal und aktiviere es danach wieder.

• Nun sollte die gewünschte Schriftart in der Storefront verfügbar sein.

• Prüfe ob nun keine Schriften mehr über die Google Fonts API geladen werden.

Stand: Shopware 6.5.0

Für die "Roboto Condensed" könnte der embedd wie folgt lauten:

Stand: Shopware 6.6.6

Margin-/Padding-Klassen – Abstandsklassen für CMS-Sektionen/-Blöcke

ThemeWare® bietet dir diverse CSS-Abstandsklassen für CMS-Sektionen und CMS-Blöcke. In dieser Anleitung stellen wir dir diese CSS-Klassen vor.

Diese CSS-Klassen stehen dir zur Verfügung, wenn du die folgende Theme-Konfiguration aktivierst:

• Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen" => CSS-Abstandsklassen laden (optional)

• Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen" => Erweiterte CSS-Abstandsklassen laden (optional)

Neben den CSS-Abstandsklassen von Bootstrap stehen dir mit den ThemeWare® CSS-Abstandsklassen weitere (pixelbasierte) Abstandsklassen zur Verfügung um Abstände in Erlebniswelten zu definieren.

Die ThemeWare® CSS-Abstandsklassen werden nach dem folgenden Muster benannt:

Beim Update von Bootstrap 4 auf Bootstrap 5 (ab Shopware 6.5) wurden einige Klassen umbenannt um logische Eigenschaftennamen anstelle von Richtungsnamen zu verwenden.

Ab Shopware 6.5 hast du in ThemeWare® daher die Möglichkeit zu wählen ob du die alte Bootstrap 4 oder die neue Bootstrap 5 Schreibweise nutzen möchtest:

• Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen" => Feld "CSS-Abstandsklassen laden (optional)"

Nutzt du die alte Schreibweise und möchtest diese nicht überall ändern, lade einfach die CSS-Abstandsklassen für Bootstrap 4. Neue ThemeWare® Installationen laden automatisch die Bootstrap 5 Abstandsklassen.

Nachfolgend findest du den Aufbau für beide Varianten:

Beispiele

Beispiele

Wir veröffentlichen regelmäßig Updates von ThemeWare®. Die meisten ThemeWare® Updates machst du unabhängig von Shopware Updates.

Es gibt aber natürlich auch Fälle in denen du ein Shopware Update durchführen möchtest. In diesen Fällen ist es immer sinnvoll vorab bzw. danach Erweiterungen (Plugins, Apps oder Themes) zu aktualisieren.

Ob du Erweiterungen vor oder nach dem Shopware-Update aktualisieren musst hängt von der Kompatibilität der Erweiterungen (Plugins, Apps oder Themes) ab.

Hier ist auch die Art des Shopware-Releases zu beachten, denn es gibt verschiedene Arten von Shopware-Releases:

Shopware Versionierung

• Major-Release

  • Wenn inkompatible API-Änderungen durchgeführt wurden (= breaking changes)

  • z.B. 6.5 > 6.6

• Minor-Release

  • Wenn eine neue Funktionalität hinzugefügt wurde, die rückwärtskompatibel ist

  • z.B. 6.5.1 > 6.5.2

• Patch-Release

  • Wenn rückwärtskompatible Fehlerbehebungen durchgeführt wurden

  • z.B. 6.5.1.1 > 6.5.1.2

Grundsätzlich ist ThemeWare® immer mit der aktuellsten Shopware Version kompatibel bzw. wird kurzfristig in einer kompatiblen Version veröffentlicht. Dementsprechend gibt es für ältere Shopware Versionen auch immer eine passende ThemeWare® Version.

Da wir ThemeWare® in jedem neuen Shopware-Release testen, kann es – abhängig davon, wie umfangreich die nötigen Anpassungen sind – vorkommen, dass sich ein ThemeWare® Update erst kurz nach dem Shopware-Update veröffentlicht wird.

Major-Releases

Es kann aber vorkommen, dass es keine ThemeWare® Version (dies gilt so übrigens für alle Erweiterungen) gibt, welche – gleichzeitig – sowohl mit der alten als auch mit der neuen Shopware Version kompatibel ist. Dies gilt immer dann, wenn Shopware sogenannte "Breaking Changes" macht, die eine Kompatibilität mit beiden Versionen unmöglich machen.

Wie du oben in der "Shopware Versionierung" sehen kannst, sind "Breaking Changes" vor allem in Major-Releases möglich.

Der Shopware-Update-Assistent informiert dich falls es inkompatible Erweiterungen gibt. Inkompatible Erweiterungen müssen vor dem Shopware-Update unbedingt deaktiviert werden und sollten erst aktiviert werden, wenn eine kompatible Version veröffentlicht wurde.

Nachfolgend findest du eine Schritt-für-Schritt Anleitung für Shopware Updates. Grundsätzlich gibt es dabei vier mögliche Fälle:

1. Ist die aktuelle Version von ThemeWare® sowohl mit der aktuellen als auch mit der neuen Shopware Version kompatibel, kannst du Shopware problemlos updaten ().

2. Ist die aktuelle Version von ThemeWare® nicht mit der neuen Shopware Version kompatibel aber es gibt eine kompatible ThemeWare® Version für die aktuelle und die neue Shopware Version, aktualisiere vor dem Shopware-Update zuerst ThemeWare® ().

Diese vier Fälle berücksichtigt unsere nachfolgende Anleitung.

Wir empfehlen mit Shopware Updates – insbesondere bei Major-Releases von dem Update – nach Möglichkeit – ein paar Tage/Wochen mit dem Update zu warten.

Teste jedes Update vorab in einem Testsystem oder einer Staging-Umgebung und prüfe ob alles reibungslos funktioniert.

Erstelle zudem unbedingt ein vollständiges Backup deines Shops vor dem Shopware-Update.

Aktualisiere ThemeWare® und alle Erweiterungen (Plugins, Apps oder Themes) in deinem System auf die aktuellsten Versionen.

Prüfe ob es für alle Erweiterungen (Plugins, Apps oder Themes) bzw. Themes schon eine kompatible Version gibt.

Führe das Shopware-Update am besten nur dann durch, wenn du sichergestellt hast, das alle genutzten Erweiterungen in einer kompatiblen und fehlerfreien Version installiert sind.

Möchtest du das Shopware-Update durchführen, auch wenn nicht alle genutzten Erweiterungen kompatibel sind, lasse inkompatible Erweiterungen solange deaktiviert, bis du eine kompatible Version installieren konntest.

Kommen wir nun zum eigentlichen Update. Es gibt bei Shopware-Updates vier Möglichkeiten:

1. Optional: Weise das "Shopware default theme" deinem Verkaufskanal zu

2. Optional: Deaktiviere danach dein ThemeWare® Theme

   • Tipp: Leere einmal den gesamten Shopware-Cache

1. Weise das "Shopware default theme" deinem Verkaufskanal zu

2. Deaktiviere danach dein ThemeWare® Theme

   • Tipp: Leere einmal den gesamten Shopware-Cache

1. Weise das "Shopware default theme" deinem Verkaufskanal zu

2. Deaktiviere danach dein ThemeWare® Theme

3. Leere einmal den gesamten Shopware-Cache

• Gibt es von ThemeWare® noch keine kompatible Version für den neuen Shopware Release, warte mit dem Shopware-Update bis dies der Fall ist.

• Wenn du dennoch das Shopware-Update durchführen möchtest, lasse ThemeWare® (bzw. jede inkompatible Erweiterung) solange deaktiviert, bist du ein Update auf eine kompatible Version machen konntest.

Diese Meldung ist weitgehend selbsterklärend. Die betreffende Erweiterung ist nicht im Shopware Store verfügbar und kann daher nicht automatisch aktualisiert werden. Aktualisiere sie in diesem Fall manuell oder deaktiviere sie vor einem Shopware-Update, bis die Kompatibilität geprüft und sichergestellt wurde.

Hoffentlich hast du die Hinweise bezüglich der Erstellung eines Backups und dem Testen in einem Staging-System berücksichtigt und du kannst dein Backup wieder einspielen bzw. einen neuen Testlauf starten.

Falls dies nicht der Fall ist, deaktiviere die problematische Erweiterung und aktiviere diese erst wenn du die entsprechende Erweiterung auf eine kompatible Version updaten konntest (siehe ).

Ist die Administration aufgrund einer inkompatiblen Erweiterung nicht erreichbar, deaktiviere die entsprechende Erweiterung über die Datenbank (siehe ). Danach sollte die Administration wieder funktionieren.

Beachte bei Updates von ThemeWare® stets unseren Update-Leitfaden:

• FAQ:

• FAQ:

• FAQ:

Du kannst die CSS-Hierarchie beim Überschreiben von CSS/SCSS-Anweisungen ganz einfach mit der "Body-Klasse" in der ThemeWare® Konfiguration beeinflussen. Dadurch kannst du unschöne !important Anweisungen vermeiden.

• Body-Klasse: Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "Individuelle CSS-Klasse"

Trage hier beispielsweise "meinshop" ein und stelle dies an den Anfang des entsprechenden CSS/SCSS-Selektors.

CSS

// Vorher
.product-detail-ordernumber-container .product-detail-ordernumber-label {
    font-weight: 300 !important; 
}

// Besser
.meinshop .product-detail-ordernumber-container .product-detail-ordernumber-label {
    font-weight: 300; 
}

SCSS

In der ThemeWare® Plugin-Konfiguration (nicht Theme-Konfiguration) hast du die Möglichkeit den ThemeWare® "Debug-Modus" zu aktivieren.

Ist der "Debug-Modus" aktiv, werden beispielsweise die "Experten-Einstellungen" nicht mehr berücksichtigt.

Fehlersuche

Hast du Fehler in deinem Shop, aktiviere einmal den "Debug-Modus", leere den Shopware- sowie deinen Browser-Cache und prüfe dann die Storefront erneut.

So kannst du, mit einem Klick, prüfen ob es Probleme mit deinen "Experten-Einstellungen" gibt.

Deaktiviere den "Debug-Modus" wenn du mit der Fehlerbehebung fertig bist wieder.

In diesem Artikel erfährst du, wie du Bootstrap in der Shopware 6 Storefront nutzen kannst.

Es gibt verschiedene Bestandteile von Bootstrap welch du in der Storefront von Shopware 6 nutzen kannst:

• CSS-Klassen

• HTML-Elemente

Wie wir die Kategorie "Kochlust & Provence" in unseren Demoshops erstellt haben findest du in folgender Schritt-für-Schritt-Anleitung:

Im sogenannten ThemeWare® Erlebniswelt-Header überlagert der Header die Erlebniswelt auf der Startseite oder auf ausgewählten Kategorieseiten. Dies ist ein konfigurierbarer Effekt um einen bestimmten Look in ThemeWare® zu ermöglichen.

In Themes wie ThemeWare® Exquisite, ThemeWare® Lights oder ThemeWare® Outdoor ist der "Erlebniswelt-Header" bereits konfiguriert. Den entsprechenden Look kannst du dir in den entsprechenden Demoshops anschauen:

• ThemeWare® Exquisite

Den "Erlebniswelt-Header" kannst du über die ThemeWare® Konfiguration de-/aktivieren.

Die entsprechende Konfiguration findest du im Tab "Header" => Bereich "Erlebniswelt-Header" => Feld "Erlebniswelt-Header".

1. Option "nicht anwenden (Standard)":

   • Diese Option ist quasi die Standard Header-Darstellung.

   • Die Erlebniswelt wird nach dem Header platziert. Der Header überlagert die Erlebniswelt nicht.

Damit der ThemeWare® Erlebniswelt-Header seine volle Wirkung entfalten kann benötigt die Erlebniswelt deiner Startseite ein passendes Erlebniswelt-Element an erster Stelle. Besonders geeignet sind Blöcke wie "Bild, gestreckt" oder "Bild-Slider" aus der Block-Kategorie "Bild".

Die verwendeten Bilder sollten ausreichend groß (z.B. 1920x1024px) und damit einhergehend möglichst gut komprimiert sein. Zudem solltest du Motive wählen oder erstellen in welchen möglichst wenig im oberen Bereich des Bildes "passiert" damit Logo, Buttons und Navigation noch gut erkennbar sind.

Screenshots

Mit ThemeWare® erweiterst du das Flyout deiner Hauptnavigation um bis zu drei Teaser mit Bild, Text und Link. So hebst du im Mega-Menü Aktionen, Themenwelten oder Top-Produkte hervor und führst deine Kunden direkt aus der Navigation zum passenden Ziel.

• eine Kategorie in der Hauptnavigation, deren Flyout du mit Teasern erweitern möchtest

• ein bis drei Bilder für die Teaser im Shopware-Medienmanager

In diesem Bereich findest du nützliche Anleitungen rund um das Thema "Kategorien".

Bevor du mit der Bearbeitung deiner Kategorien bzw. Kategorie-Layouts startest empfehlen wir dir einen Blick in unser Video-Tutorial. Im Video "" erklären wir dir wichtige Grundlagen welche dir beim Erstellen und Bearbeiten sehr weiterhelfen.

Ergänzend dazu empfehlen wir dir einen Blick in die offizielle Shopware Dokumentation:

Wie wir die Kategorie "Kochlust & Provence" in unseren Demoshops erstellt haben findest du in folgender Schritt-für-Schritt-Anleitung:

Wie wir die Kategorie "Handwerk & Tradition" in unseren Demoshops erstellt haben findest du in folgender Schritt-für-Schritt-Anleitung:

Boxed-Klassen – CSS-Klassen für Full-width-Sektionen

Da die CSS-Klasse container nicht in jedem Szenario die perfekte Lösung ist, gibt es seit ThemeWare® 1.1.3 neue CSS-Boxed-Klassen um CMS-Blöcke oder CMS-Sektionen in Erlebniswelten "boxed" zu gestalten.

ThemeWare® CSS-Boxed-Klassen

ThemeWare® bietet dir verschiedene CSS-"max-width"-Klassen um die maximale Breite von CMS-Sektionen/-Blöcken zu definieren.

Diese CSS-Klassen stehen dir zur Verfügung, wenn du die folgende Theme-Konfiguration aktivierst:

• Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen" => CSS "max-width"-Klassen (optional)

ThemeWare® stellt dir individuelle CSS-Headline-Klassen zur Verfügung mit welchen du, die aus unseren Shopware 5 Themes bekannten Überschriften, auch für deine Shopware 6 Erlebniswelten erstellen kannst.

Diese CSS-Klassen stehen dir zur Verfügung, wenn du die folgende Theme-Konfiguration aktivierst:

• Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen" => CSS-Klassen für Überschriften laden (optional)

Du hast mit ThemeWare® verschiedene Möglichkeiten, um eigenen JS-Code in deinen Shop einzubinden.

Bitte beachte, dass individueller Code nicht automatisch komprimiert wird. Komprimiere deinen individuellen Code am besten manuell, bevor du diesen einbindest.

Beachte zudem, dass individuelle Skript nicht in automatisch in den Cookie-Consent-Manager von Shopware übernommen werden. Nutzt du Cookie relevanten JS-Code, sorge für eine korrekte Einbindung in den Cookie-Consent-Manager.

Bevor wir zu eigentlichen Einbindungen kommen, möchten wir noch darauf hinweisen, in keinem Fall Originaldateien von Shopware oder Erweiterungen (Plugins, Apps oder Themes) zu bearbeiten. Das kann zu diversen Problemen führen.

Zudem weisen wir darauf hin, das die Funktionalität von Shopware, ThemeWare® und Erweiterungen Dritter durch fehlerhaftem JavaScript-Code erheblich gestört werden können. Achte daher unbedingt darauf, sauberen und fehlerfreien JS-Code zu schreiben!

Hinterlege den gewünschten JS-Code in folgendem Konfigurationsfeld: Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "Individueller Code" => Feld "Individueller JavaScript-Code"

Der Inhalt der Konfigurationsfeldes wird 1:1 am Ende der HTML-Seite hinzugefügt. Trage hier daher bitte den vollständigen <script> Tag ein.

Um eine Datei lokal auf deinem Server zu hinterlegen und diese in die Storefront zu integrieren, gehe bitte wie folgt vor:

1. Logge dich per FTP auf deinem Server ein und wechsle in den Ordner "js".

   • Ordnerpfad: "public/js/"

2. Erstelle die Datei "script.js".

1. Öffne ThemeWare® im Theme-Manager und wechsle in den Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "JavaScript-Datei".

2. Trage im Feld "JavaScript-Datei laden" den Pfad zur "script.js" ein. (z.B. "deinshop.de/js/script.js")

3. Speichere die Einstellungen damit das aktuelle Theme kompiliert wird und Änderungen in die Storefront wirksam werden.

Die derzeit professionellste Methode JavaScript-Code zu integrieren, ist die Verwendung eine separaten Erweiterung. Hierfür gibt es spezielle Erweiterungen (Plugins oder Apps) im .

Alternativ kannst du unser kostenfreies "ThemeWare® Customizing Plugin" (Self-managed) bzw. die "ThemeWare® Customizing App" (Cloud) für die Integration von individuellen Anpassungen und eigenen Dateien nutzen.

Mit ThemeWare® zeigst du die Unterkategorien einer Kategorie als Kacheln bzw. Links oberhalb der Produktliste an. So führst du deine Kunden schneller ins passende Sortiment, verbesserst die interne Verlinkung und machst dein Kategoriemenü direkt auf der Seite sichtbar.

Voraussetzungen

• eine Kategorie, die sichtbare Unterkategorien besitzt

• optional ein Anzeigebild je Unterkategorie

Schritt 1: Unterkategorien im Theme aktivieren

"Theme-Manager" => dein ThemeWare®-Theme => Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)"

Wähle bei "Unterkategorien im Listing anzeigen (CMS-Listingseiten)" eine der Optionen und speichere deine Änderungen:

• anzeigen – auf allen Kategorieseiten

• anzeigen (per Zusatzfeld) – nur in Kategorien, die du per Zusatzfeld freischaltest (siehe Schritt 3)

• nicht anzeigen – Standard, die Funktion bleibt aus

"Kataloge" => "Kategorien" => Kategorie wählen => Tab "Allgemein"

Im Bereich "Allgemein" bearbeitest du den Namen, im Bereich "Menü-Einstellungen" das Anzeigebild der jeweiligen Unterkategorie. Diese Angaben erscheinen später in den Kacheln. Speichere die Kategorie.

"Kataloge" => "Kategorien" => Kategorie wählen => "Zusatzfelder"

Über das Zusatzfeld "'Unterkategorien im Listing' anzeigen" steuerst du die Anzeige pro Kategorie:

• ja – zeigt die Unterkategorien in dieser Kategorie (nötig bei der Option "anzeigen (per Zusatzfeld)")

• nein – blendet sie in dieser Kategorie aus (auch bei globaler Option "anzeigen")

• vererbt aus Theme-Konfiguration – folgt der globalen Einstellung aus Schritt 1

Speichere die Kategorie.

Die Unterkategorien erscheinen nun als Kacheln oberhalb der Produktliste. Wird nichts angezeigt, prüfe, ob die Kategorie sichtbare Unterkategorien hat, und leere einmal den Shopware-Cache.

Alle Konfigurationsmöglichkeiten und das Zusatzfeld im Detail findest du im ThemeWare® Handbuch:

Ab Shopware 6.4.19.0 kannst du CMS-Blöcke als Favoriten markieren.

Klicke dazu einfach auf das Herzsymbol . Filtere im Dropdown-Menü nach Favoriten, um direkt die Blöcke zu finden, die du oft benutzt.

Für Darstellungsfehler in der Storefront ist in den allermeisten Fällen ein veralteter Cache die Ursache. Auch ein nicht korrekt kompiliertes Theme kann zu Darstellungsfehlern führen.

Aktualisiere daher, bei Problemen oder Darstellungsfehlern, bitte immer zuerst einmal die Shopware Storefront. Dies geht ganz einfach und schnell mit wenigen Klicks:

Erlebniswelten sind eine Grundfunktion von Shopware 6 und ersetzen die Einkaufswelten aus Shopware 5. Mit Erlebniswelten kannst du Content-Seiten wie Landingpages, Shopseiten, Kategorieseiten und Produktseiten erstellen und gestalten.

In diesem Bereich findest du viele nützliche Anleitungen rund um das Thema Erlebniswelten.

Weiterführende Informationen

Mehr Grundlagen und Informationen zum Thema Erlebniswelten findet du hier:

Wie du das Erscheinungsbild von ThemeWare® in Shopware 6 (self-managed) mittels einer individuellen Anpassung und mit unserem kostenfreien "ThemeWare® Customizing Plugin" verändern kannst, erfährst du in diesem Artikel.

Einleitung

Für individuelle Anpassungen brauchst du in Shopware 6 ein eigenes Theme oder eine separate Erweiterung (Plugin oder App) und nicht – wie bei Shopware 5 – eine Theme-Ableitung.

• Prüfe ob es im Shopware Community Store bereits eine passende Erweiterung gibt.

• Alternativ kannst du die folgende Methode mit dem "ThemeWare® Customizing Plugin" nutzen.

Nachfolgend erklären wir dir den Weg über unser "ThemeWare® Customizing Plugin".

Dieser Artikel richtet sich an erfahrene Anwender. Wir gehen in diesem Artikel daher davon aus, dass du die Grundlagen für Anpassungen via SCSS und Twig bereits verinnerlichst hast.

Falls du nicht erfahren im Umgang mit SCSS und Twig bist findest du hilfreiche Grundlagen zum Thema individuelle SCSS- und Template-Anpassungen findest du in den folgenden Artikeln:

In Shopware 6 fehlt derzeit ein vollwertiges Child-Theme über welches man Dateien einbinden und Änderungen vornehmen kann (wie z.B. bei Shopware 5). Wir haben als Workaround ein kleines kostenfreies "ThemeWare® Customizing Plugin" für die Integration von individuellen Anpassungen und eigenen Dateien in Shopware 6 (self-hosted) entwickelt.

Alle Informationen zum "ThemeWare® Customizing Plugin", der Installation und den Download-Link findest du im folgenden Artikel:

1. Lade die Zip-Datei unserer Erweiterung herunter

2. Entpacke die Zip-Datei mit "Hier entpacken"

Im Ordner TcinnCustomizing findest du alle Dateien der Erweiterung.

SCSS-Anpassungen

1. SCSS-Datei(en)

   1. Erstelle eine neue SCSS-Datei und importiere diese über die Datei "base.scss"

      • Pfad: "src/Resources/app/storefront/src/scss

Template-Anpassungen

1. Erstelle eine neue Template-Datei und leite darin die gewünschte Quelldatei ab

   • Pfad: "src/Resources/views/storefront"

   • Tipp: Orientiere dich bezüglich Datei-Benennung einfach an der Quelldatei.

1. Deaktiviere und deinstalliere das "ThemeWare® Customizing Plugin" falls du dies bereits installiert und aktiviert hast

2. Zippe den Ordner "TcinnCustomizing"

3. Lade die Erweiterung über Shopware 6 Erweiterungs-Verwaltung in deinen Shop

• Öffne das aktive ThemeWare® in der Theme-Verwaltung und speichere die Einstellungen unverändert ab, damit das Theme kompiliert wird und deine Änderungen in die Storefront übertragen werden.

• Leere den Shopware Cache in den Shopware Einstellungen ("Einstellungen" => "System" => "Caches & Indizes" > "Caches leeren").

• Leeren den Browser-Cache

  • Windows: Strg + F5

Die Änderung sollte nun in deiner Storefront sichtbar sein.

Du kannst die Erweiterung auch direkt auf dem FTP bearbeiten. Deaktiviere dieses bevor du Änderungen vornimmst und aktiviere es wieder wenn du fertig.

Möchtest du zu einem späteren Zeitpunkt Änderungen vornehmen, deaktiviere die Erweiterung über die Erweiterungs-Verwaltung vor dem Upload und aktiviere es wieder wenn du fertig.

Hinweis: Es kann nötig sein, dass du die Erweiterung auch einmal deinstallierst damit Änderungen in die Storefront übernommen werden.

Du kannst die CSS-Hierarchie beim Überschreiben von CSS/SCSS-Anweisungen ganz einfach mit der "Body-Klasse" in der ThemeWare® Konfiguration beeinflussen. Dadurch kannst du unschöne !important Anweisungen vermeiden.

Mehr Informationen dazu findest du in folgender Anleitung:

Seit Shopware 6.4.12 kann man mit der Methode getTemplatePriority() die Renderreihenfolge von Erweiterungen bestimmen (Default: -1).

Damit du mit dem "Customizing Plugin" andere Erweiterungen überschreiben kannst, musst du die Priorität über eine Funktion in der TcinnCustomizing.php ändern:

In dieser Anleitung erfährst du, wie du eine Kategorie-Seite anlegen kannst.

Kategorie anlegen

1. Wechsel über die Hauptnavigation in die "Kategorie-Verwaltung" (1) (2) deines Shops ("Kataloge" => "Kategorien")

2. Wähle die gewünschte Kategorie aus in welcher die neue Kategorie erscheinen soll

3. Klicke auf den Kontext-Button (3) um das Kontextmenü zu öffnen und eine neue Kategorie anzulegen

4. Wähle ob die neue Kategorie vor, nach oder als Subkategorie innerhalb der ausgewählten Kategorie erstellt werden soll (4)

5. Benne die Seite (5) und lege die Seite an (6)

6. Nun kannst du die Kategorie-Seite bearbeiten

7. Aktiviere die Seite damit Sie auch in der Storefront angezeigt wird (7)

Du hast nun eine Kategorie erstellt.

Weitere Informationen zu Kategorien in Shopware 6 findest du in der Shopware Dokumentation:

Wie wir die Kategorie "Handwerk & Tradition" in unseren Demoshops erstellt haben findest du in folgender Schritt-für-Schritt-Anleitung:

Ab Shopware 6.4.19.0 kannst du die Sichtbarkeit von Sektionen und Blöcken ganz einfach im Erlebniswelt-Editor einstellen.

1. Erlebniswelt bearbeiten

1. Wechsel über die Hauptnavigation in die Erlebniswelt-Verwaltung ("Inhalte" => "Erlebniswelten")

2. Klicke auf die gewünschte Erlebniswelt um diese zu bearbeiten

3. Die Erlebniswelt öffnet sich nun im Erlebniswelt-Editor

1. Klicke auf den Button oben links in der CMS-Sektion die du bearbeiten möchtest (1)

2. Die Sektion-Einstellungen öffnen sich rechts im Fenster (2)

3. Öffne den Abschnitt "Sichtbarkeit" (3)

1. Klicke auf CMS-Block den du bearbeiten möchtest (1)

2. Die Block-Einstellungen öffnen sich rechts im Fenster (2)

3. Öffne den Abschnitt "Sichtbarkeit" (3)

Im Abschnitt "Sichtbarkeit" (3) kannst du die Sektion bzw. den Block nun für drei Viewports konfigurieren (4).

Im Editor werden unsichtbare CMS-Sektionen bzw. CMS-Blöcke "eingeklappt".

• Mit einem Klick auf den Link "Sektion einklappen" bzw. "Sektion ausklappen" (5) kannst du eine unsichtbare CMS-Sektion ein-/ausklappen um sie zu bearbeiten.

• Mit einem Klick auf den Link "Block einklappen" bzw. "Block ausklappen" (5) kannst du einen unsichtbaren CMS-Block ein-/ausklappen um ihn zu bearbeiten.

Um zu prüfen ob ein Fehler oder Problem durch eine bestimmte Erweiterung (Plugin oder App) verursacht wird, folge bitte den nachfolgenden Schritten:

Erweiterungen kannst du in 3 Schritten prüfen:

1. Erweiterungen deaktivieren (nicht deinstallieren!)

2. Shopware Cache leeren

3. Browser-Cache leeren

1. Öffne die Administration deines Shops

2. Erweiterungen deaktivieren:

   1. Navigiere über die Hauptnavigation in die Erweiterungs-Verwaltung ("Erweiterungen" => "Meine Erweiterungen" => Tab "Apps")

Wenn das Problem nicht mehr auftritt, ist ThemeWare® nicht der Verursacher und es gibt ein Problem mit einer Erweiterung (Plugin oder App).

In dieser Anleitung erfährst du, wie du ein Kategorie-Layout einer Kategorie zuweisen kannst.

Layout zuweisen

1. Wechsel über die Hauptnavigation in die "Kategorie-Verwaltung" (1) (2) deines Shops ("Kataloge" => "Kategorien")

2. Wähle die entsprechende Kategorie aus (3)

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

4. Klicke auf den Button "Layout ändern" (5)

5. Es erscheint ein Pop-up "Layout auswählen"

6. Wähle das gewünschte Layout aus (6)

7. Bestätige deine Auswahl mit "Speichern" (7)

8. Nun kannst du die Kategorie-Seite ebenfalls "Speichern" (8)

Du hast nun ein Kategorie-Layout einer Kategorie zugewiesen.

Weitere Informationen zu Kategorien in Shopware 6 findest du in der Shopware Dokumentation:

Mit ThemeWare® hebst du eine einzelne Kategorie in der Top-Navigation farbig hervor – zum Beispiel deine Sale-, Neuheiten- oder Aktions-Kategorie. So lenkst du die Aufmerksamkeit deiner Kunden gezielt auf den Menüpunkt, der dir besonders wichtig ist.

Voraussetzungen

• eine Kategorie, die du in der Top-Navigation hervorheben möchtest

• die Darstellungsart "Top-Navigation" im Header (die Hervorhebung gilt nicht für den "Einstiegspunkt für die Haupt-Navigation")

Schritt 1: Aussehen der Hervorhebung festlegen

"Theme-Manager" => dein ThemeWare®-Theme => Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt (hervorgehoben)"

Lege hier fest, wie ein hervorgehobener Menüpunkt aussehen soll – etwa über die "Textfarbe (hervorgehoben)", "Hintergrundfarbe (hervorgehoben)" und "Iconfarbe (hervorgehoben)" (jeweils auch für den @hover- und @active-Zustand). Speichere deine Änderungen.

"Kataloge" => "Kategorien" => Kategorie wählen => "Zusatzfelder"

Setze im Zusatzfeld "Kategorie hervorheben" die Option auf "ja" und speichere die Kategorie.

Die gewählte Kategorie erscheint nun im gewählten Look in der Top-Navigation. Wird die Hervorhebung nicht angezeigt, leere einmal den Shopware-Cache.

Alle Konfigurationsmöglichkeiten und das Zusatzfeld im Detail findest du im ThemeWare® Handbuch:

Bevor du mit unseren Anleitungen startest empfehlen wir dir einen Blick in unser Video-Tutorial und das Einführung. Dort erfährst alle wichtigen Grundlagen welche dir bei den Anleitungen sehr weiterhelfen.

Ergänzend dazu empfehlen wir dir unbedingt einen Blick in die offizielle Shopware Dokumentation denn viele Sachen die du in den Anleitungen konfigurieren betreffen einige Shopware Grundfunktionen:

Wie du das Erscheinungsbild von ThemeWare® in der Shopware 6 Cloud mittels einer individuellen Anpassung und mit unserer kostenfreien "ThemeWare® Customizing App" verändern kannst, erfährst du in diesem Artikel.

Für individuelle Anpassungen brauchst du in Shopware 6 ein eigenes Theme oder eine separate Erweiterung (Plugin oder App) und nicht – wie bei Shopware 5 – eine Theme-Ableitung.

• Prüfe ob es im bereits eine passende Erweiterung gibt.

Wie du Produkt-Boxen in Produkt-Listings oder Slidern kompakter gestalten können, erfährst du im folgenden Artikel: