Shop in der Vorschau prüfen

Öffnen Sie die aktuelle Storefront-Vorschau und prüfen Sie Seiten sowie responsive Layouts vor der Veröffentlichung.

Einstiegspfad: Arbeitsbereich → Shop auswählen → Storefront

Runner-Storefront-Vorschau und Steuerung

Was dieser Leitfaden abdeckt

Überprüfen Sie die aktuelle Storefront in Runner, bewegen Sie sich zwischen ihren Seiten und überprüfen Sie, wie sie auf Desktop-, Tablet- und Telefon-Layouts aussieht, ohne sie zu veröffentlichen.

Warum und wann Sie die Vorschau verwenden

Verwenden Sie die Vorschau, nachdem Runner die Storefront erstellt oder geändert hat. Dort finden Sie fehlende Texte, fehlerhafte Routen, mangelhafte mobile Layouts oder unvollständige Abschnitte am sichersten, bevor Kunden sie sehen.

Die Vorschau ist vom Live-Shop getrennt. Eine Seite, die hier korrekt aussieht, beweist nicht, dass die öffentliche URL, Katalogdaten, Bestand, Zahlungsverbindung oder Checkout funktionieren.

Verfügbarkeit und Voraussetzungen

Öffnen Sie ein Projekt mit vorhandener Storefront-Aktivität oder einer vorschaubaren Version.
Wenn die Seite Noch keine Storefront sagt, verwenden Sie die Eingabeaufforderung auf dieser Seite, um Runner zu bitten, die erste Version zu erstellen.
Wenn Die erste Version deiner Storefront wird erstellt… oder Vorschau wird vorbereitet … angezeigt wird, ist die Vorschau noch nicht bereit.
Einige Workspaces verwenden die neuere Checkpoint-basierte Storefront. Die genauen Versionsteuerelemente können mit gestaffelter Verfügbarkeit variieren.

Wenn bedingte Versionskarten für Unterhaltungen aktiviert sind, öffnet die Auswahl des Storefront-Bildes oder von Vorschau auf einer abgeschlossenen Arbeitskarte genau die fertige Version dieser Aufgabe. Dabei kann es sich um eine ältere statt der neuesten Version handeln. Bei einem älteren Projekt ohne gespeicherten Versionsverlauf öffnet Vorschau auf der neuesten Storefront-Arbeitskarte stattdessen die aktuelle Live-Vorschau. Prüfen Sie vor einer Bearbeitung oder Veröffentlichung die verfügbaren Beschriftungen v…, Aktuelle Version und Veröffentlicht.

Eine abgeschlossene Aufgabe oder ein erfolgreicher Quellcode-Build bedeutet für sich genommen noch nicht, dass die Vorschau aktualisiert wurde. Runner schaltet die fertige Storefront erst nach Abschluss der Aufgabe für die Vorschau frei. Wenn diese Aktivierung fehlschlägt, zeigt die Vorschau weiterhin die zuvor erfolgreiche Version – oder keine erstellte Vorschau, wenn noch keine vorhanden ist. Prüfen Sie deshalb die sichtbare Version und das Vorschauergebnis.

Vorschau öffnen

Öffnen Sie Ihren Runner-Arbeitsbereich.
Wählen Sie den Shop aus, den Sie prüfen möchten.
Wählen Sie Storefront in der Projektnavigation.
Warten Sie, bis die aktuelle Version im Vorschaubereich angezeigt wird.

Wenn das Projekt noch keine Storefront hat:

Geben Sie im Feld Beschreibe den Shop, den du erstellen möchtest… Ihre Anforderungen ein.
Wählen Sie Mit dem Aufbau beginnen oder drücken Sie Enter ohne Umschalttaste.
Runner erstellt ein Gespräch und sendet diese Beschreibung als erste Anfrage.
Wenn die Erstellung fehlschlägt, bleibt die Beschreibung im Feld, damit Sie es erneut versuchen können.

Steuerelemente der Vorschau

Steuerelement	Warum Sie es verwenden	Was passiert, wenn Sie es auswählen
Zurück	Kehren Sie zur vorherigen Seite zurück, die in der Vorschau besucht wurde.	Die Vorschau bewegt sich rückwärts in ihrem eigenen Seitenverlauf. Es verlässt nicht Ihr Runner-Projekt.
Vorwärts	Besuchen Sie eine Seite erneut, nachdem Sie zurückgegangen sind.	Die Vorschau bewegt sich vorwärts, wenn ein späterer Verlaufseintrag existiert.
PC / Tablet / Telefon	Prüfen Sie responsive Layouts.	Jede Auswahl wechselt den Vorschaurahmen zur nächsten Gerätegröße. Die Live-Storefront wird dadurch nicht geändert.
Pfadfeld, wie `/`	Öffnen Sie eine bekannte Storefront-Route.	Wählen Sie den Pfad, geben Sie einen anderen Pfad auf derselben Vorschau-Website ein und drücken Sie Enter. Ungültige oder externe Adressen werden ignoriert.
Aktualisieren	Laden Sie die aktuelle Vorschau nach einer Änderung oder einem festgefahrenen Rendering neu.	Runner lädt die sichtbare Seite neu und löscht die aktive Auswahl im Design-Modus sowie die Rückgängig-/Wiederholen-Sitzung. Speichern Sie ausstehende Designänderungen zuerst.
In neuem Tab öffnen	Überprüfen Sie die Vorschau mit mehr Platz.	Runner öffnet diese Vorschau-URL in einem anderen Browser-Tab. Dies ist immer noch eine Vorschau, kein Beweis eines veröffentlichten Stores.
Versionsbeschriftung, beispielsweise v1 · Aktuell	Erkennen Sie, welche Version Sie prüfen.	Die Beschriftung unterscheidet die neueste aktuelle Version von einer historischen Vorschau.
Design-Modus	Starten Sie die visuelle Bearbeitung.	Runner öffnet den Design-Arbeitsbereich, wenn die neueste Version dafür geeignet ist.
Versionsverlauf	Vergleichen Sie frühere Storefront-Versionen.	Runner öffnet die Versionsliste, ohne die aktuelle Storefront zu ändern.
Code-Editor öffnen	Inspizieren oder bearbeiten Sie den Storefront-Quellcode, wenn dieses erweiterte Steuerelement verfügbar ist.	Runner öffnet den Code-Editor-Dialog in voller Höhe. Das Schließen gibt das Storefront-Panel zur Vorschau zurück; überprüfen Sie das sichtbare Ergebnis dort.
Münze / Einladen, Punkte holen	Öffnen Sie das Empfehlungsangebot.	Runner öffnet den Empfehlungsdialog; durch das bloße Öffnen wird noch kein Credit verdient.
Credit-Anzahl / Upgrade	Überprüfen Sie Credit-, Plan- oder Nutzungsoptionen.	Runner öffnet ein Popover, dessen verfügbare Aktionen zu Workspace-Abrechnung oder -Nutzung führen können.
Veröffentlichen, Änderungen veröffentlichen oder Erneut veröffentlichen	Starten Sie den Veröffentlichungsfluss, der zum aktuellen Zustand passt.	Runner führt Zugriffs- und Bereitschaftsprüfungen durch, bevor eine Veröffentlichung beginnt.

Überprüfen Sie eine Storefront-Seite für Seite

Beginnen Sie bei / und scannen Sie die Kopfzeile, den Ankündigungsbereich, den Hero, die vorgestellten Produkte, Abschnitte und die Fußzeile.
Wählen Sie jeden sichtbaren Navigationslink. Bestätigen Sie, dass das Ziel angezeigt wird und der Vorschau-Pfad wie erwartet geändert wird.
Öffnen Sie eine Produktseite aus der Storefront. Bestätigen Sie, dass Titel, Medien, Preis, Optionen, Verfügbarkeit und Kaufsteuerelement sichtbar sind.
Verwenden Sie das Pfadfeld für wichtige Routen, die nicht von der aktuellen Seite verlinkt sind.
Wechseln Sie zwischen PC, Tablet und Telefon. Suchen Sie nach abgeschnittenen Inhalten, überlappenden Steuerelementen, unlesbarem Text und horizontalem Scrollen.
Wählen Sie Aktualisieren erst, nachdem Sie Änderungen im Design-Modus gespeichert haben.
Notieren Sie alle Probleme in Runner-Chat mit dem Seitenpfad, der Gerätegröße und dem erwarteten Ergebnis.

Zustände, Grenzen und Fehlerbehebung

Was Sie sehen	Bedeutung	Was zu tun ist
Noch keine Storefront	Runner fand weder vorhandene Storefront-Aktivität noch eine gespeicherte vorschaubare Version.	Bitten Sie Runner, die Storefront zu erstellen.
Erste Version wird erstellt…	Die erste Version wird noch vorbereitet.	Folgen Sie dem Aufgabenfortschritt und warten Sie auf ein Endergebnis.
Vorschau wird vorbereitet…	Runner startet die ausgewählte Vorschau.	Halten Sie die Seite offen; verwenden Sie Aktualisieren nur, wenn der Zustand nicht voranschreitet.
Vorschau für diese Version konnte nicht geladen werden	Die ausgewählte Version konnte nicht angezeigt werden.	Kehren Sie zur aktuellen Version zurück, aktualisieren Sie oder melden Sie die Version und den Fehler an Runner.
Vorschau wird erneut verbunden	Runner verlor die Vorschau-Verbindung und versucht es erneut.	Halten Sie das Projekt offen und folgen Sie der Wiederholungsanzahl. Wenn es nicht wiederhergestellt werden kann, verbinden Sie den Workspace erneut.
Vorschau-Fehlerleiste mit Beheben	Die Vorschau meldete einen Fehler, den Runner inspizieren kann.	Wählen Sie Beheben oder Fehler beheben, um die angezeigte Diagnose an Runner zu senden. Verwenden Sie Mehr anzeigen, um Details zu erweitern und Verwerfen, um die Nachricht nur auszublenden.
Ein Steuerelement ist deaktiviert	Die Vorschau unterstützt diese Aktion derzeit nicht, der Arbeitsbereich ist getrennt oder Runner arbeitet noch.	Warten Sie auf Runner, verbinden Sie den Arbeitsbereich erneut, wenn Sie dazu aufgefordert werden, oder kehren Sie zur neuesten fertigen Version zurück.
Die Vorschau sieht korrekt aus, aber der Live-Shop nicht	Die Änderungen wurden nicht veröffentlicht oder Sie sehen verschiedene Versionen.	Prüfen Sie die Versionsbeschriftung und verwenden Sie dann Änderungen veröffentlichen.