E-Commerce-Produktseite

Kopierbare Prompt-Vorlage

Die technische Vorlage bleibt auf Englisch, damit sie direkt mit den unterstützten Coding-Agenten funktioniert. Erklärung, Auswahlhilfe und Prüfschritte sind lokalisiert.

Build a responsive product detail page for [PRODUCT], made by [BRAND] for [TARGET CUSTOMER]. The primary purchase reason is [CORE BENEFIT].

Above the fold:
- Product gallery with thumbnail navigation, meaningful alt text, zoom, and a clear placeholder treatment.
- Product name, concise value proposition, rating summary labeled as sample data, price, payment information, and stock status.
- Variant selectors for [VARIANTS] that make unavailable combinations obvious.
- Quantity, Add to cart, delivery estimate for [DEFAULT LOCATION], returns summary, and secure checkout reassurance.

Supporting content:
- Benefit-led product story with concrete specifications.
- Comparison or “why this version” section when it helps the decision.
- Materials, dimensions, care, delivery, returns, and warranty in scannable disclosure sections.
- Reviews breakdown and a small set of believable sample reviews clearly labeled as examples.
- Related products that explain why each recommendation is relevant.

Behavior and quality:
- Updating a variant must update price, stock, gallery, and delivery message consistently.
- Include out-of-stock, low-stock, invalid combination, cart loading, cart error, and cart success states.
- Keep the purchase controls usable on mobile without obscuring content.
- Do not use fake scarcity timers, misleading discounts, or unsupported sustainability claims.

Art direction: [ART DIRECTION]. Use a coherent commerce design system with clear hierarchy and accessible controls.