In dieser Anleitung erfährst du, wie du ein Produkt-Layout einem Produkt zuweisen kannst.
Layout zuweisen
Wechsel über die Hauptnavigation in die "Produkt-Verwaltung" (1) (2) deines Shops ("Kataloge" => "Produkte")
Wähle das gewünschte Produkt aus (3)
Wechsel in den Tab "Layout" (4)
Klicke auf den Button "Layout zuweisen" bzw. "Layout ändern" (5)
Es erscheint ein Pop-up "Layout auswählen"
Wähle das gewünschte Layout aus (6)
Bestätige deine Auswahl mit "Speichern" (7)
Nun kannst du das geänderte Produkt "Speichern" (8)
Du hast nun ein Produkt-Layout einem Produkt zugewiesen.
Downloads am Produkt bereitstellen
Mit ThemeWare® stellst du Downloads (z.B. Datenblätter, Anleitungen oder Zertifikate als PDF) direkt auf der Produktseite bereit. So finden deine Kunden alle wichtigen Dokumente an einer Stelle – das schafft Vertrauen und reduziert Rückfragen.
Hinweis: Die Downloads werden über Zusatzfelder je Produkt gepflegt und erscheinen im Tab "Beschreibung", sobald du die Downloads in der Theme-Konfiguration aktivierst und mindestens ein Download hinterlegt ist.
Voraussetzungen
ein Produkt, dem du einen Download zuordnen möchtest
die gewünschte Datei (PDF) in deiner Shopware-Medienverwaltung
Hinweis: Die Medienverwaltung von Shopware 6 unterstützt derzeit keine Zip-Dateien. Nutze daher PDF-Dateien.
Schritt 1: Downloads im Theme aktivieren
"Theme-Manager" => dein ThemeWare®-Theme => Tab "Produktseiten" => Bereich "Tab "Beschreibung"" => Abschnitt "Downloads"
Setze "Downloads anzeigen" auf "anzeigen". Optional zeigst du über "Beschreibungstext" einen einleitenden Text über den Downloads an (aus dem Textbaustein). Speichere deine Änderungen.
Wähle im folgenden Schritt den Typ "Volle Breite" aus (5)
Hinwies: Die Auswahl dient lediglich als Basis, du kannst später beliebig Sektionen hinzufügen und entfernen
Zum Abschluss der Erstellung musst du deinem Layout einen Namen vergeben (6)
Erstelle das Layout nun mit dem Button "Layout erstellen" (7)
Du hast nun ein Erlebniswelt-Layout vom Typ "Produktseite" angelegt. Fülle dies nun mit deinem gewünschten Inhalt.
Shopware 6 Erlebniswelt-Verwaltung
Shopseiten-Typ auswählen
Sektions-Typ auswählen
Shopseiten-Layout benennen
Wie du ein Produkt selber anlegen kannst, erfährst du in der Shopware Dokumentation:
Layout erstellen
Hinweis: Wie du ein Produkt-Layout einem Produkt zuweisen kannst erfährst du im Artikel .
Screenshots
Weiterführende Informationen
Schritt 2: Download am Produkt hinterlegen
Ergebnis
ThemeWare® Tipp: Vergib aussagekräftige Titel (Zusatzfeld "Download 1–3 – Titel") – ohne Titel wird der Dateiname angezeigt. Die Zwischenüberschrift über den Downloads passt du über den Textbaustein twt.detail.downloads.title an, den einleitenden Beschreibungstext über twt.detail.downloads.text.
Weiterführende Informationen
Eigenen Tab auf der Produktseite anlegen
Mit ThemeWare® ergänzt du auf der Produktseite einen eigenen Tab mit individuellen Inhalten – ganz ohne Code. Titel und Text pflegst du bequem über Zusatzfelder je Produkt, aktiviert wird der Tab in der Theme-Konfiguration. So ergänzt du z.B. eine Pflegeanleitung, eine Größentabelle oder weitere Produktinfos in einem eigenen Reiter.
Hinweis: „Eigener Tab" meint hier den integrierten ThemeWare®-Tab, den du ohne Code über Zusatzfelder und die Theme-Konfiguration einrichtest. Eine individuelle Template-Anpassung (Twig/HTML) ist grundsätzlich ebenfalls möglich – wie das funktioniert, liest du in der Anleitung .
Voraussetzungen
ein Produkt, dem du einen eigenen Tab hinzufügen möchtest
der Inhalt, den du im Tab anzeigen möchtest (z.B. Pflegehinweise oder Nutzungshinweise)
Schritt 1: Benutzerdefinierten Tab im Theme aktivieren
"Theme-Manager" => dein ThemeWare®-Theme => Tab "Produktseiten" => Bereich "Tab "Benutzerdefinierter Inhalt"" => "Benutzerdefinierten Tab anzeigen"
Setze "Benutzerdefinierten Tab anzeigen" auf "anzeigen". Über den Abschnitt "Basiskonfiguration" legst du optional mit "Überschrift anzeigen" fest, ob innerhalb des Tabs eine Überschrift erscheint. Speichere deine Änderungen.
Benutzerdefinierter-Tab – Text – der eigentliche Inhalt des Tabs. Der Tab erscheint nur, wenn dieses Feld befüllt ist.
Benutzerdefinierter-Tab – Titel (optional) – ein individueller Tab-Name für genau dieses Produkt. Bleibt das Feld leer, wird der globale Textbaustein twt.detail.tabCustom.title verwendet.
Speichere das Produkt.
Der eigene Tab erscheint nun auf der Produktseite. Wird nichts angezeigt, prüfe, ob das Zusatzfeld "Benutzerdefinierter-Tab – Text" befüllt ist, und leere einmal den Shopware-Cache.
Alle Konfigurationsmöglichkeiten und Zusatzfelder im Detail findest du im ThemeWare® Handbuch:
Produkt-Layout mit Sidebar erstellen
In dieser Anleitung erfährst du, wie du ein Produkt-Layout mit Sidebar erstellen kannst.
Layout erstellen
Wechsel über die Hauptnavigation in die "Erlebniswelt-Verwaltung" (1) (2) deines Shops ("Inhalte" => "Erlebniswelten")
Optional: Du kannst die Layouts über den Reiter "Produktseiten" auf diesen Seitentyp eingrenzen (3)
Klicke auf den Button "Neues Layout anlegen" (4)
Wähle im folgenden Schritt den Typ "Sidebar" aus (5)
Hinwies: Die Auswahl dient lediglich als Basis, du kannst später beliebig Sektionen hinzufügen und entfernen
Zum Abschluss der Erstellung musst du deinem Layout einen Namen vergeben (6)
Erstelle das Layout nun mit dem Button "Layout erstellen" (7)
Du hast nun ein Erlebniswelt-Layout vom Typ "Produktseite" mit Sidebar angelegt. Fülle dies nun mit deinem gewünschten Inhalt.
Wie du ein Produkt selber anlegen kannst, erfährst du in der Shopware Dokumentation:
Datenblätter als PDF bereitstellen
Mit ThemeWare® stellst du technische Datenblätter als PDF direkt auf der Produktseite bereit – wahlweise im Beschreibungs-Tab oder in einem eigenen Datenblätter-Tab, mit eingebetteter Vorschau und Download-Link. So finden deine Kunden alle wichtigen Produktinformationen an einer Stelle.
Hinweis: Die Datenblätter werden über Zusatzfelder je Produkt gepflegt und erscheinen, sobald du sie in der Theme-Konfiguration aktivierst und mindestens ein Datenblatt (Datenblatt 1–3) hinterlegt hast.
Voraussetzungen
ein Produkt, dem du ein Datenblatt zuordnen möchtest
eine PDF-Datei in der Shopware-Medienverwaltung
Schritt 1: Datenblätter im Theme aktivieren
"Theme-Manager" => dein ThemeWare®-Theme => Tab "Produktseiten" => Bereich "Tab "Beschreibung"" => Abschnitt "Datenblätter"
Wähle bei "Datenblätter anzeigen" aus, wo die Datenblätter erscheinen sollen: "in der Beschreibung anzeigen" oder "in separatem Tab anzeigen". Über "Vorschau anzeigen" legst du fest, ob die eingebettete PDF-Vorschau im Beschreibungs-Tab dargestellt wird – im separaten Tab wird sie immer angezeigt, der Download-Link steht in beiden Fällen jederzeit zur Verfügung. Speichere deine Änderungen.
Datenblatt 1–3 – wähle je eine PDF-Datei aus deiner Medienverwaltung
Datenblatt 1–3 – Titel – der gewünschte Linktext zum jeweiligen Datenblatt
Datenblätter (Text) – optionaler Beschreibungstext über den Datenblättern
Speichere das Produkt.
Die Datenblätter erscheinen nun auf der Produktseite an der gewählten Position. Wird nichts angezeigt, leere einmal den Shopware-Cache.
Alle Konfigurationsmöglichkeiten und Zusatzfelder im Detail findest du im ThemeWare® Handbuch:
Produktvideos einbinden (YouTube & Vimeo)
Mit ThemeWare® bettest du Produktvideos direkt auf der Produktseite ein – per YouTube- oder Vimeo-Video-ID oder als eigenes HTML5-Video. So zeigst du dein Produkt in Aktion, stärkst das Vertrauen deiner Kunden und hältst Besucher länger auf der Seite.
ein Produkt, dem du ein Video zuordnen möchtest
die Video-ID des gewünschten YouTube- oder Vimeo-Videos (oder eine Videodatei für ein HTML5-Video)
"Theme-Manager" => dein ThemeWare®-Theme => Tab "Produktseiten" => Bereich "Tab "Beschreibung"" => Abschnitt "Produktvideos"
Aktiviere "Produktvideos anzeigen" und lege optional die Position fest (über oder unter den Eigenschaften). Speichere deine Änderungen.
YouTube-Video(s) – die ID nach dem Parameter ?v= aus der YouTube-Adresszeile (z.B. aVw60mnS21o)
Vimeo-Video(s) – die ID nach dem letzten Schrägstrich / aus der Vimeo-Adresszeile
Video 1–3 – alternativ ein eigenes HTML5-Video aus dem Medienmanager
Speichere das Produkt.
Die Videos erscheinen nun auf der Produktseite an der gewählten Position. Wird nichts angezeigt, leere einmal den Shopware-Cache.
Alle Konfigurationsmöglichkeiten und Zusatzfelder im Detail findest du im ThemeWare® Handbuch:
Hinweis: Die Videos werden über Zusatzfelder je Produkt gepflegt und erscheinen, sobald du die Produktvideos in der Theme-Konfiguration aktivierst.
Voraussetzungen
Schritt 1: Produktvideos im Theme aktivieren
Schritt 2: Video am Produkt hinterlegen
Hinweis: Mehrere Video-IDs kannst du kommasepariert eintragen.
Vorschaubilder: Für YouTube/Vimeo legst du ein Vorschaubild global in der Theme-Konfiguration fest (Tab "Produktseiten" => Abschnitt "Placeholder (YouTube-/Vimeo-Videos)" => Darstellungsart "Vorschau-Bild" + Feld "Vorschau-Bild") – diese Videos laden aus Datenschutzgründen ohnehin erst nach einem Klick. Für HTML5-Videos (Video 1–3) weist du das Vorschaubild je Video im Shopware-Medienmanager zu.
Ergebnis
ThemeWare® Tipp: Vergib aussagekräftige Video-Titel (Zusatzfeld "Video 1–3 – Titel") – sie verbessern Zugänglichkeit und SEO. Die Überschrift über den Videos passt du über den Textbaustein twt.detail.productVideos.title an.
Hinweis: Befülle die Zusatzfelder auch für Varianten, damit der Tab dort ebenfalls erscheint.
Ergebnis
ThemeWare® Tipp: Für einen shopweit identischen Tab-Namen (z.B. „Pflegeanleitung") reicht der Textbaustein twt.detail.tabCustom.title – dann heißt der Tab auf allen Produktseiten gleich. Die Überschrift innerhalb des Tabs passt du über twt.detail.tabCustom.headline an (%product% wird durch den Produktnamen ersetzt).
Weiterführende Informationen
Shopware 6 Erlebniswelt-Verwaltung
Shopseiten-Typ auswählen
Sektions-Typ auswählen
Shopseiten-Layout benennen
Hinweis: Wie du ein Produkt-Layout einem Produkt zuweisen kannst erfährst du im Artikel Produkt-Layout zuweisen.
Screenshots
Weiterführende Informationen
Schritt 2: Datenblatt am Produkt hinterlegen
Hinweis: Ob der Beschreibungstext aus dem Zusatzfeld, dem Textbaustein oder beidem stammt, steuerst du in der Theme-Konfiguration über die Konfiguration "Beschreibungstext". Alle Zusatzfelder und Optionen im Detail findest du im ThemeWare® Handbuch (siehe unten).
Ergebnis
ThemeWare® Tipp: Vergib aussagekräftige Titel (Zusatzfeld "Datenblatt 1–3 – Titel") – sie werden als Linktext genutzt und verbessern Zugänglichkeit und SEO. Die Zwischenüberschrift über den Datenblättern passt du über den Textbaustein twt.detail.datasheets.title an.
Weiterführende Informationen
GPSR-Informationen auf Produktseiten anzeigen
Mit ThemeWare® stellst du die Produktsicherheits-Angaben nach GPSR – die Herstellerinformationen und die verantwortliche Person – direkt auf deinen Produktseiten dar. Die Angaben pflegst du über Zusatzfelder und zeigst sie wahlweise in der Beschreibung, im Hersteller-Tab oder in einem separaten Tab an.
ein Produkt mit zugeordnetem Hersteller
die GPSR-Angaben des Herstellers (Herstellerinformationen und/oder verantwortliche Person)
"Theme-Manager" => dein ThemeWare®-Theme => Tab "Produktseiten" => Bereich "GPSR – Produktsicherheit (in Tabs)"
Wähle bei "Produktsicherheit (GPSR) anzeigen" die gewünschte Platzierung: "in der Beschreibung anzeigen", "im Hersteller-Tab anzeigen" oder "in separatem Tab anzeigen". Lege anschließend im Abschnitt "Basiskonfiguration" über "Herstellerinformationen anzeigen (GPSR)" und "Verantwortliche Person anzeigen (GPSR)" fest, welche Angaben dargestellt werden. Speichere deine Änderungen.
Herstellerinformationen – Name bzw. eingetragener Handelsname des Herstellers, vollständige ladungsfähige Postanschrift sowie eine elektronische Kontaktadresse (E-Mail oder Website-URL)
Verantwortliche Person – Name der verantwortlichen Person, vollständige ladungsfähige Postanschrift sowie eine elektronische Kontaktadresse (E-Mail oder Website-URL)
Speichere den Hersteller.
Die GPSR-Angaben erscheinen nun an der gewählten Position auf der Produktseite. Wird nichts angezeigt, leere einmal den Shopware-Cache.
Alle Konfigurationsmöglichkeiten und Zusatzfelder im Detail findest du im ThemeWare® Handbuch:
Hinweis: Die GPSR-Angaben erscheinen, sobald du die Funktion in der Theme-Konfiguration aktivierst und die passenden Zusatzfelder am Hersteller oder Produkt befüllst.
Voraussetzungen
Schritt 1: GPSR im Theme aktivieren
Hinweis: "Im Hersteller-Tab anzeigen" wirkt nur, wenn der Hersteller als eigener Tab angezeigt wird.
Schritt 2: GPSR-Angaben am Hersteller hinterlegen
Hinweis: Die GPSR-Angaben kannst du alternativ direkt am Produkt pflegen (Tab "Spezifikationen" => Bereich "Zusatzfelder"). Am Produkt gepflegte Angaben überschreiben die des Herstellers.
Ergebnis
ThemeWare® Tipp: Die Zwischenüberschriften passt du über die Textbausteine twt.detail.gpsr.manufacturerInformation.title und twt.detail.gpsr.responsiblePerson.title an – der Platzhalter %manufacturer% wird darin durch den Herstellernamen ersetzt.