# Produktseite

> **Was Sie lernen werden**
>
> * Die verschiedenen Layout-Optionen für Produktseiten, die in Plain Jane v3.1 verfügbar sind
> * Wie man zwischen den Layouts Produktbereich 2 und Produktbereich 3 wechselt
> * Wichtige Merkmale und Anpassungsoptionen für jedes Layout
> * Zusätzliche produktbezogene Bereiche und Funktionen

***

## 🎯 Verfügbare Produktbereiche

Plain Jane v3.1 bietet zwei Haupt-Layouts für Produktseiten:

### **Produktbereich 3** (Standardlayout)

Ein modernes, flexibles Layout mit erweitertem Gittersystem, unteren Modal-Funktionen und umfangreichen Anpassungsmöglichkeiten. Dies ist der Standardbereich, der in neuen Plain Jane v3.1-Installationen verwendet wird.

**Hauptfunktionen:**

* Fortschrittliche rasterbasierte Bildergalerie
* Unteres Modal-Interface für Mobilgeräte
* Erweiterte Medienverarbeitung (Bilder, Videos)
* Erweiterte Variantenauswahl
* Unterstützung von Modellinformationen
* Farbmuster und Größentabellen
* Für Mobilgeräte optimierte Erfahrung

### **Produktbereich 2** (Alternatives Layout)

Ein traditionelleres Layout nebeneinander mit Miniaturansichten und klassischer Darstellung von Produktinformationen.

**Hauptfunktionen:**

* Traditionelle Miniaturbild-Galerie
* Seiten-an-Seiten-Anordnung von Bild und Produktinformationen
* Konfigurierbare Bildpositionierung
* Anpassbare Galeriespalten
* Mobil responsives Design

***

## 🔧 Wie man zwischen Layouts wechselt

1. Gehen Sie zu **Onlineshop > Themes > Anpassen**
2. Navigieren Sie zu **Produkte > Standardprodukt**
3. Im Editor für Produktvorlagen:
   * Entfernen Sie den aktuellen Produktbereich
   * Klicken Sie **Sektion hinzufügen**
   * Wählen Sie entweder:
     * **Produktbereich 3** (empfohlen für moderne Shops)
     * **Produktbereich 2** (traditionelles Layout)

***

## 📱 Zusätzliche produktbezogene Bereiche

Plain Jane v3.1 enthält mehrere zusätzliche Bereiche, die das Erlebnis auf der Produktseite verbessern:

* **Verwandte Produkte** - Ähnliche oder ergänzende Produkte anzeigen
* **Produkt-Logo-Bereich** - Anpassbarer Header mit Warenkorb und Navigation
* **Produktseiten-Hintergrund** - Individuelle Hintergründe für Produktseiten
* **Produktnavigation** - Verbesserte Navigation zwischen Produkten
* **Produkt-Typografie** - Eigene Typografie-Einstellungen für Produktseiten

***

## 📚 Detaillierte Dokumentation

Für vollständige Einrichtungshinweise und Anpassungsoptionen:

* [Produktbereich 3 (Standard)](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane/pages-and-menus/product-page/broken-reference/README.md) - Anleitung für modernes Layout
* [Produktbereich 2 (Alternativ)](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane/pages-and-menus/product-page/broken-reference/README.md) - Anleitung für traditionelles Layout

***


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/german/readme-1/pages-and-menus/product-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.