Inhalte, Seiten und Medien bearbeiten
Navigieren Sie zu einer Storefront-Seite, aktualisieren Sie sichtbare Inhalte oder Bilder, und speichern Sie das Ergebnis.
Eingabepfad: Workspace → Store auswählen → Storefront → Ziel-Storefront-Seite öffnen → Design-Modus → Element auswählen
Was dieser Leitfaden abdeckt
Öffnen Sie die genaue Storefront-Seite, die Sie ändern möchten, bearbeiten Sie ein unterstütztes Text-, Layout- oder Medienelement, und überprüfen Sie das gespeicherte Ergebnis vor der Veröffentlichung.
Warum und wann Sie diesen Workflow verwenden
Verwenden Sie diesen Workflow für Seiten-Feinschliff: Korrigieren Sie Text, ändern Sie Typografie, passen Sie Abstände an, ersetzen Sie ein Foto, generieren Sie ein alternatives Bild, oder entfernen Sie ein unnötiges Element. Dies hält die Zielseite und das ausgewählte Element klar.
Für Änderungen am Navigationsverhalten, Produktdaten, Checkout oder mehreren Seiten gleichzeitig senden Sie stattdessen eine reguläre Anfrage an Runner, anstatt sich nur auf die visuellen Steuerelemente zu verlassen.
Verfügbarkeit und Voraussetzungen
- Design-Modus verwenden beschreibt, wie Sie den Editor öffnen, die Anforderung an das Desktop-Layout und wann das Steuerelement nicht verfügbar ist.
- Einige generierte oder dynamische Elemente können nicht inline bearbeitet werden. Runner zeigt weniger Steuerelemente für diese Elemente.
- Die KI-Bildgenerierung kann Credits verwenden. Runner zeigt den anwendbaren Hinweis im Bildbereich an, bevor Sie sie ausführen.
Öffnen Sie die Seite und den Editor
- Öffnen Sie Ihr Projekt und wählen Sie Storefront.
- Wählen Sie in der normalen Vorschau Storefront-Links aus, um die gewünschte Seite zu erreichen.
- Wenn Sie die Route kennen, wählen Sie das Pfadfeld, geben Sie einen Same-Site-Pfad wie
/aboutein, und drücken Sie Enter. - Bestätigen Sie, dass die richtige Seite sichtbar ist.
- Wählen Sie Design-Modus und dann das Zielelement.
Mediensteuerelemente
Design-Modus verwenden dokumentiert die gemeinsamen Steuerelemente Fragen Sie Runner AI, Spacing, Text, Delete Element, Undo, Redo und Speichern. Die folgenden Steuerelemente erscheinen nur, wenn das ausgewählte Element Medien unterstützt.
| Steuerelement | Was es ändert | Was passiert, wenn Sie es verwenden |
|---|---|---|
| Image → Upload | Ein ausgewähltes Bild oder unterstütztes Hintergrundbild. | Wählen Sie Bild hochladen, wählen Sie eine Bilddatei, und Runner ersetzt das ausgewählte Medium nach erfolgreichem Upload. Das aktuelle Limit, das vom Produkt angezeigt wird, beträgt 5 MB pro Bild. |
| Image → AI-generated | Ein generiertes Ersatzbild. | Geben Sie eine Eingabeaufforderung ein und wählen Sie Ausführen. Nach dem ersten Ergebnis fordert Erneut ausführen ein weiteres Ergebnis an und Verlauf öffnet Ergebnisse aus dieser Bearbeitungssitzung. |
| Verlauf | Generierte Bilder aus der aktuellen Bildbearbeitungssitzung. | Wählen Sie ein Element aus, um es zu überprüfen. Diese Version wiederherstellen wendet dieses Bild und seine Eingabeaufforderung an; das Download-Symbol lädt ein einzelnes Ergebnis herunter. |
Bearbeiten Sie eine Seite sicher
- Notieren Sie den aktuellen Seitenpfad, damit Sie zu ihm zurückkehren können.
- Wählen Sie das Element aus und überprüfen Sie, welche Steuerelemente angezeigt werden. Die Steuerelemente variieren je nach Element.
- Nehmen Sie jeweils eine Änderung vor, und verwenden Sie dann Undo, Redo oder den Bild-Verlauf, um das Ergebnis zu vergleichen, bevor Sie Speichern wählen.
- Warten Sie, bis die gewählte Speicherung oder Runner-Anfrage abgeschlossen ist.
- Schließen Sie den Design-Modus, öffnen Sie die Seite erneut, und überprüfen Sie sie in PC-, Tablet- und Telefon-Layouts.
- Wiederholen Sie dies für die nächste Seite erst, nachdem die erste Seite korrekt ist.
Zustände, Limits und Fehlerbehebung
| Was Sie sehen | Bedeutung | Was zu tun ist |
|---|---|---|
| Ein ausgewähltes Element hat nur einige Steuerelemente | Runner zeigt Steuerelemente an, die von diesem Element unterstützt werden. | Verwenden Sie das verfügbare Steuerelement oder fragen Sie Runner im Chat nach einer umfassenderen Änderung. |
| Upload abgelehnt | Die Datei fehlt, ist kein Bild, überschreitet das angezeigte Limit, oder der Upload ist fehlgeschlagen. | Wählen Sie ein anderes Bild und versuchen Sie es erneut. |
| Wird generiert… | Runner erstellt das angeforderte Bild. | Halten Sie das Panel offen, bis es fertig ist oder einen Fehler meldet. |
| Verlauf fehlt | In dieser Bearbeitungssitzung existiert noch kein KI-generiertes Bild. | Generieren Sie das erste Bild, oder laden Sie stattdessen Ihr eigenes hoch. |
| Die Route wird nicht geöffnet | Der Pfad ist ungültig, extern oder nicht Teil der Vorschau. | Kehren Sie zu / zurück, verwenden Sie einen sichtbaren Storefront-Link, oder bitten Sie Runner, die Seite zu erstellen oder zu reparieren. |
| Die gespeicherte Seite unterscheidet sich auf Mobilgeräten | Die Bearbeitung hat ein responsives Layout beeinflusst. | Öffnen Sie den Design-Modus erneut oder bitten Sie Runner um eine gerätespezifische Korrektur vor der Veröffentlichung. |
Verwandte Leitfäden
Verwenden Sie den Design-Modus
Wählen Sie Storefront-Elemente aus und verwenden Sie Runners visuelle Bearbeitungssteuerelemente sicher.
Storefront-Code überprüfen und bearbeiten
Öffnen Sie Runners bedingten Code-Editor, speichern Sie eine fokussierte Dateiänderung, überprüfen Sie Git-Änderungen, und vermeiden Sie den Verlust nicht gespeicherter Arbeit.