Alle Seiten
Bereitgestellt von GitBook
1 von 9

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Produktseiten

Produkt-Layout zuweisen

In dieser Anleitung erfährst du, wie du ein Produkt-Layout einem Produkt zuweisen kannst.

Layout zuweisen

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

  2. Wähle das gewünschte Produkt aus (3)

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

  4. Klicke auf den Button "Layout zuweisen" bzw. "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 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.


"Kataloge" => "Produkte" => Produkt wählen => Tab "Spezifikationen" => Bereich "Zusatzfelder" => Zusatzfeld-Set "Downloads"

Hinterlege den Download in den passenden Zusatzfeldern:

  • Download 1–3 – wähle die Datei (PDF) aus deiner Medienverwaltung

  • Download 1–3 – Titel – der angezeigte Linktext

  • Download 1–3 – Beschreibung – optionaler Beschreibungstext zum Download

Speichere das Produkt.


Die Downloads erscheinen nun im Tab "Beschreibung" der Produktseite. Wird nichts angezeigt, leere einmal den Shopware-Cache.


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

Produkt-Layout erstellen

In dieser Anleitung erfährst du, wie du ein Produkt-Layout erstellen kannst.

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

  2. Optional: Du kannst die Layouts über den Reiter "Produktseiten" auf diesen Seitentyp eingrenzen (3)

Shopware 6 Produkt-Verwaltung
Shopware 6 Produkt-Editor
Layout auswählen
Fertig!

Hinweis: Wie du ein Produkt-Layout erstellst erfährst du im Artikel Produkt-Layout erstellen.

Screenshots

Klicke auf den Button "Neues Layout anlegen" (4)

  • 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.


    "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.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

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

    2. Optional: Du kannst die Layouts über den Reiter "Produktseiten" auf diesen Seitentyp eingrenzen (3)

    3. Klicke auf den Button "Neues Layout anlegen" (4)

    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

    5. Zum Abschluss der Erstellung musst du deinem Layout einen Namen vergeben (6)

    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.


    "Kataloge" => "Produkte" => Produkt wählen => Tab "Spezifikationen" => Bereich "Zusatzfelder" => Zusatzfeld-Set "Datenblätter" deines Themes

    Befülle die passenden Zusatzfelder:

    • 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.


    "Kataloge" => "Produkte" => Produkt wählen => Tab "Spezifikationen" => Bereich "Zusatzfelder" => Zusatzfeld-Set deines Themes

    Trage die Video-ID im passenden Zusatzfeld ein:

    • 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.

    Weiterführende Informationen

    Produkt-Layout zuweisen
    Individuelle Template-Anpassungen (Twig/HTML)

    Schritt 2: Inhalt am Produkt hinterlegen

    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.


    "Kataloge" => "Hersteller" => Hersteller wählen => Bereich "Zusatzfelder" => Zusatzfeld-Set deines Themes

    Befülle die passenden Zusatzfelder:

    • 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.

    Weiterführende Informationen

    Produkt-Datenblätter | ThemeWare® Handbuchdoku.themeware.design
    ThemeWare® Handbuch ⇒ Produkt-Datenblätter
    Logo
    Produktvideos | ThemeWare® Handbuchdoku.themeware.design
    ThemeWare® Handbuch ⇒ Produktvideos
    Logo
    Benutzerdefinierter-Tab | ThemeWare® Handbuchdoku.themeware.design
    ThemeWare® Handbuch ⇒ Benutzerdefinierter-Tab
    Logo
    Shopware 6 - Kataloge - Produkte anlegendocs.shopware.com
    Shopware Dokumentation: Produkte anlegen
    Shopware 6 - Kataloge - Produkte anlegendocs.shopware.com
    Shopware Dokumentation: Produkte anlegen
    GPSR-Informationen auf Produktseiten | ThemeWare® Handbuchdoku.themeware.design
    ThemeWare® Handbuch ⇒ GPSR-Informationen auf Produktseiten
    Logo
    Logo
    Logo
    Produkt-Downloads | ThemeWare® Handbuchdoku.themeware.design
    ThemeWare® Handbuch ⇒ Produkt-Downloads
    Logo