---
title: Inhalte, Seiten und Medien bearbeiten
description: 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

![Runner-Storefront-Vorschau und Steuerung](https://ixft9x6szo.ufs.sh/f/Cc8uxBgAYTzgzyPnD9dvQbMAZ2hlg7w6ye8S5vnLIHkGPOqr)

## 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](./design-mode) 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

1. Öffnen Sie Ihr Projekt und wählen Sie **Storefront**.
2. Wählen Sie in der normalen Vorschau Storefront-Links aus, um die gewünschte Seite zu erreichen.
3. Wenn Sie die Route kennen, wählen Sie das Pfadfeld, geben Sie einen Same-Site-Pfad wie `/about` ein, und drücken Sie **Enter**.
4. Bestätigen Sie, dass die richtige Seite sichtbar ist.
5. Wählen Sie **Design-Modus** und dann das Zielelement.

## Mediensteuerelemente

[Design-Modus verwenden](./design-mode) dokumentiert die gemeinsamen Steuerelemente **Fragen Sie Runner AI**, **Spacing**, **Text**, **Delete Element**, **Rückgängig**, **Wiederherstellen** 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

1. Notieren Sie den aktuellen Seitenpfad, damit Sie zu ihm zurückkehren können.
2. Wählen Sie das Element aus und überprüfen Sie, welche Steuerelemente angezeigt werden. Die Steuerelemente variieren je nach Element.
3. Nehmen Sie jeweils eine Änderung vor, und verwenden Sie dann **Rückgängig**, **Wiederherstellen** oder den Bild-**Verlauf**, um das Ergebnis zu vergleichen, bevor Sie **Speichern** wählen.
4. Warten Sie, bis die gewählte Speicherung oder Runner-Anfrage abgeschlossen ist.
5. Schließen Sie den Design-Modus, öffnen Sie die Seite erneut, und überprüfen Sie sie in **PC**-, **Tablet**- und **Telefon**-Layouts.
6. 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

- [Design-Modus verwenden](./design-mode)
- [Shop in der Vorschau prüfen](./preview-your-store)
- [Veröffentlichen und erneut veröffentlichen](./publish-and-republish)