---
title: Storefront-Builds beheben
description: Diagnostizieren Sie eine leere, veraltete, fehlerhafte oder visuell falsche Storefront-Vorschau, bevor Sie sie veröffentlichen.
---

Die Vorschau ist der sicherste Ort, um Storefront-Probleme zu finden. Veröffentlichen Sie nicht, bis die wichtigen Seiten und Interaktionen dort funktionieren.

**Einstiegspfad:** Runner-Dokumentation → **Hilfe und Referenz** → **Storefront-Builds beheben**.

## Bevor Sie beginnen

- Öffnen Sie den betroffenen Store und identifizieren Sie die Seite und Gerätebreite, auf der das Problem auftritt.
- Lassen Sie die neueste Runner-Aufgabe abschließen, bevor Sie ihr Ergebnis mit der Vorschau vergleichen.
- Verwenden Sie zuerst die Vorschau; veröffentlichen Sie kein fehlerhaftes oder unsicheres Ergebnis als Test.

## Beginnen Sie in der Storefront

1. Öffnen Sie den betroffenen Store und wählen Sie **Storefront**.
2. Bestätigen Sie, dass die Vorschau das erwartete Projekt und die neueste Version anzeigt.
3. Laden Sie die Vorschau einmal neu.
4. Überprüfen Sie Desktop- und Mobilgeräteansichten.
5. Öffnen Sie die betroffene Seite durch die Vorschaunavigation.
6. Vergleichen Sie das Ergebnis mit der neuesten Runner-Aufgabe und dem Versionsverlauf.

## Häufige Probleme

| Was Sie sehen | Was zu überprüfen ist |
| --- | --- |
| Leere oder fehlerhafte Vorschau | Warten Sie, bis der aktive Build abgeschlossen ist, laden Sie einmal neu und überprüfen Sie die aktuelle Aufgabe auf einen Fehler. |
| Alter Inhalt | Bestätigen Sie, dass die neueste Aufgabe abgeschlossen ist und dass die Vorschau die neueste Version anzeigt. |
| Layout bricht bei einer Breite | Reproduzieren Sie es mit den Gerätesteuerungen und teilen Sie Runner die Seite, den Abschnitt und die Breite mit. |
| Fehlende Abbildung | Überprüfen Sie die Medienbibliothek, die Asset-Auswahl und ob das Bild selbst geladen wird. |
| Link öffnet die falsche Seite | Nennen Sie die Quellschaltfläche und das beabsichtigte Ziel in einer fokussierten Korrektur. |
| Produkt fehlt | Überprüfen Sie, dass das Produkt existiert und für die Storefront verfügbar ist, nicht nur dass die Seite poliert aussieht. |
| Design-Modus-Änderung fehlt | Bestätigen Sie, dass die Bearbeitung gespeichert oder angewendet wurde, öffnen Sie dann die gleiche Seite erneut in der Vorschau. |

## Nützliche Steuerelemente

| Steuerelement | Ergebnis |
| --- | --- |
| Vorschau aktualisieren | Lädt die aktuelle Vorschau neu, ohne sie zu veröffentlichen. |
| Geräteauswahl | Ändert die Vorschaubreite, damit Sie responsive Layouts überprüfen können. |
| Vorschau öffnen oder externe Ansicht | Öffnet eine größere Vorschau; es macht den Store nicht live. |
| Design-Modus | Ermöglicht es Ihnen, sichtbare Storefront-Inhalte auszuwählen und anzupassen. |
| Versionsverlauf | Zeigt gespeicherte Versionen und Wiederherstellungssteuerelemente. Das Wiederherstellen ändert den Projektstatus, daher überprüfen Sie zuerst. |

## Mit nützlichen Nachweisen eskalieren

Fügen Sie den Projektnamen, die Seite, die Gerätegröße, das erwartete Ergebnis, das sichtbare Ergebnis, den neuesten Aufgabenstatus und einen Screenshot ohne persönliche oder Kundendaten ein.

## Verwandte Leitfäden

- [Vorschau Ihres Stores](../storefront-and-publishing/preview-your-store)
- [Design-Modus](../storefront-and-publishing/design-mode)
- [Versionsverlauf](../storefront-and-publishing/version-history)
- [Runner-Aufgaben beheben](./troubleshoot-runner-tasks)