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 Individuelle Template-Anpassungen (Twig/HTML).
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.
Schritt 2: Inhalt am Produkt hinterlegen
"Kataloge" => "Produkte" => Produkt wählen => Tab "Spezifikationen" => Bereich "Zusatzfelder" => Zusatzfeld-Set deines Themes
Befülle die passenden Zusatzfelder:
- 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.titleverwendet.
Hinweis: Befülle die Zusatzfelder auch für Varianten, damit der Tab dort ebenfalls erscheint.
Speichere das Produkt.
Ergebnis
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.
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
Alle Konfigurationsmöglichkeiten und Zusatzfelder im Detail findest du im ThemeWare® Handbuch:
ThemeWare® Handbuch ⇒ Benutzerdefinierter-Tab