---
title: Modifier le contenu, les pages et les médias
description: Accédez à une page de vitrine, mettez à jour le contenu ou les images visibles, et enregistrez le résultat.
---

**Chemin d'accès :** Espace de travail → sélectionnez un magasin → **Vitrine** → ouvrez la page de vitrine cible → **Mode de conception** → sélectionnez un élément

![Aperçu et contrôles de la boutique Runner](https://ixft9x6szo.ufs.sh/f/Cc8uxBgAYTzgzyPnD9dvQbMAZ2hlg7w6ye8S5vnLIHkGPOqr)

## Ce que couvre ce guide

Ouvrez la page de vitrine exacte que vous souhaitez modifier, modifiez un élément de texte, de mise en page ou de média pris en charge, et vérifiez le résultat enregistré avant de publier.

## Pourquoi et quand utiliser ce flux de travail

Utilisez ce flux de travail pour affiner les pages : corriger le texte, modifier la typographie, ajuster l'espacement, remplacer une photo, générer une image alternative ou supprimer un élément inutile. Cela maintient la clarté de la page cible et de l'élément sélectionné.

Pour les modifications du comportement de navigation, des données de produit, du paiement ou de plusieurs pages à la fois, envoyez une demande régulière à Runner au lieu de vous fier uniquement aux contrôles visuels.

## Disponibilité et conditions préalables

- [Utiliser le mode de conception](./design-mode) explique comment ouvrir l'éditeur, l'exigence de mise en page de bureau et les cas où le contrôle est indisponible.
- Certains éléments générés ou dynamiques ne peuvent pas être modifiés en ligne. Runner affiche moins de contrôles pour ces éléments.
- La génération d'images par IA peut utiliser des crédits. Runner affiche l'avis applicable dans le panneau d'image avant de l'exécuter.

## Ouvrir la page et l'éditeur

1. Ouvrez votre projet et sélectionnez **Vitrine**.
2. En aperçu normal, sélectionnez les liens de la vitrine pour accéder à la page souhaitée.
3. Si vous connaissez l'itinéraire, sélectionnez le champ de chemin, entrez un chemin du même site tel que `/about`, et appuyez sur **Entrée**.
4. Confirmez que la page correcte est visible.
5. Sélectionnez **Mode de conception**, puis sélectionnez l'élément cible.

## Contrôles de médias

[Utiliser le mode de conception](./design-mode) documente les contrôles partagés **Demander à Runner AI**, **Espacement**, **Texte**, **Supprimer l'élément**, **Annuler**, **Rétablir** et **Enregistrer**. Les contrôles ci-dessous apparaissent uniquement quand l'élément sélectionné prend en charge les médias.

| Contrôle | Ce qu'il change | Ce qui se passe quand vous l'utilisez |
| --- | --- | --- |
| **Image → Télécharger** | Une image sélectionnée ou une image de fond prise en charge. | Sélectionnez **Télécharger une image**, choisissez un fichier image, et Runner remplace le média sélectionné après le succès du téléchargement. La limite actuelle affichée par le produit est de 5 Mo par image. |
| **Image → Générée par IA** | Une image de remplacement générée. | Entrez une invite et sélectionnez **Exécuter**. Après le premier résultat, **Exécuter à nouveau** demande un autre résultat et **Historique** ouvre les résultats de cette session d'édition. |
| **Historique** | Images générées de la session d'édition d'image actuelle. | Sélectionnez un élément pour l'inspecter. **Restaurer cette version** applique cette image et son invite ; l'icône de téléchargement télécharge un résultat individuel. |

## Modifier une page en toute sécurité

1. Enregistrez le chemin de la page actuelle pour pouvoir y revenir.
2. Sélectionnez l'élément et vérifiez quels contrôles apparaissent. Les contrôles varient selon l'élément.
3. Apportez une modification à la fois, puis utilisez **Annuler**, **Rétablir** ou l'**Historique** d'image pour comparer le résultat avant de sélectionner **Enregistrer**.
4. Attendez que la sauvegarde choisie ou la demande Runner se termine.
5. Fermez le mode de conception, rouvrez la page et examinez-la dans les mises en page **PC**, **Tablette** et **Téléphone**.
6. Répétez pour la page suivante uniquement après que la première page soit correcte.

## États, limites et dépannage

| Ce que vous voyez | Signification | Ce qu'il faut faire |
| --- | --- | --- |
| Un élément sélectionné n'a que certains contrôles | Runner expose les contrôles pris en charge par cet élément. | Utilisez le contrôle disponible ou demandez à Runner en chat pour une modification plus large. |
| Téléchargement rejeté | Le fichier est manquant, n'est pas une image, dépasse la limite affichée ou le téléchargement a échoué. | Choisissez une autre image et réessayez. |
| **Génération en cours…** | Runner crée l'image demandée. | Gardez le panneau ouvert jusqu'à ce qu'il se termine ou signale une erreur. |
| **Historique** est absent | Aucune image générée par IA n'existe dans cette session d'édition. | Générez la première image ou téléchargez la vôtre à la place. |
| L'itinéraire ne s'ouvre pas | Le chemin est invalide, externe ou ne fait pas partie de l'aperçu. | Retournez à `/`, utilisez un lien de vitrine visible ou demandez à Runner de créer ou réparer la page. |
| La page enregistrée diffère sur mobile | La modification a affecté une mise en page réactive. | Rouvrez le mode de conception ou demandez à Runner une correction spécifique à l'appareil avant de publier. |

## Guides connexes

- [Utiliser le mode de conception](./design-mode)
- [Prévisualiser votre magasin](./preview-your-store)
- [Publier et republier](./publish-and-republish)