> For the complete documentation index, see [llms.txt](https://wiki.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.themeware.design/wissensdatenbank/einfuehrung/produktseiten-bearbeiten-und-anlegen.md).

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

## Schritt 1: Produkt anlegen

1. Öffne die Administration deines Shops
2. Wechsel über die Hauptnavigation in "**Kataloge**" => "**Produkte**"
3. Lege ein neues Produkt an oder öffne ein bestehendes
4. Pflege die Produktdaten, unter anderem:
   * Name, Produktnummer, Preis und Steuersatz
   * Beschreibung und Kurzbeschreibung
   * Bilder in der Karte "**Medien**"
   * Kategorien und Verkaufskanäle in der Karte "**Sichtbarkeitsstruktur**"
   * Eigenschaften (Tab "**Eigenschaften zuweisen**") und Varianten (Tab "**Varianten**")
5. Speicher das Produkt

## Schritt 2: Layout zuweisen

Ohne eigenes Layout nutzt das Produkt das Standard-Layout von Shopware. Für ein individuelles Layout gehst du so vor:

1. Wechsel über die Hauptnavigation in "**Inhalte**" => "**Erlebniswelten**"
2. Klicke auf "**Neues Layout anlegen**" und wähle den Layout-Typ "**Produktseite**"
3. Baue die Seite auf, z.B. mit den Blöcken der Kategorie "ThemeWare® Produktseite"
4. Speicher das Layout
5. Öffne das Produkt, wechsel in den Tab "**Layout**", klicke auf "**Layout zuweisen**" und wähle deine Erlebniswelt aus

{% hint style="success" %}
**Tipp**: Ein Layout kannst du mehreren Produkten zuweisen. Für einzelne, besonders wichtige Produkte lohnt sich ein eigenes Layout.
{% endhint %}

## Schritt 3: Produktseite im Theme konfigurieren

1. Wechsel über die Hauptnavigation in die "**Theme-Verwaltung**" ("Inhalte" => "Themes")
   * **Hinweis**: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
2. Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
3. Wechsel in den Tab "**Produktseiten**"
4. Hier findest du unter anderem folgende Bereiche:
   * "**Layout**" und "**Galerie**": Grundaufbau und Produktbilder
   * "**Buybox**": der Kaufbereich mit Preis, Versandinformationen und Kaufen-Button
   * "**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**"
5. Speicher die Theme-Konfiguration
6. Wechsel in die Storefront und lade die Seite einmal neu

## Zusatzfelder am Produkt

ThemeWare® ergänzt das Produkt um eigene Zusatzfelder. Du findest sie am Produkt im Tab "**Allgemein**" in der Karte "**Zusatzfelder**", z.B. für:

* Datenblätter
* Downloads
* Videos
* Weiterführende Links
* Produkt-Symbole

Die zugehörige Darstellung aktivierst und konfigurierst du in der Theme-Konfiguration im Tab "**Produktseiten**".

***

## Weiterführende Informationen

* Einführung: [Erlebniswelten verstehen](/wissensdatenbank/einfuehrung/erlebniswelten-verstehen.md)
* Einführung: [Kategorieseiten bearbeiten und anlegen](/wissensdatenbank/einfuehrung/kategorieseiten-bearbeiten-und-anlegen.md)

#### ThemeWare® Video-Tutorial

{% embed url="<https://service.themeware.design/themeware-tutorial>" %}
ThemeWare® Video-Tutorial
{% endembed %}