Utiliser le mode de conception

Sélectionnez les éléments de vitrine et utilisez les contrôles d'édition visuelle de Runner en toute sécurité.

Chemin d'accès : Espace de travail → sélectionnez un magasin → Vitrine → Mode de conception

Aperçu et contrôles de la boutique Runner

Ce que couvre ce guide

Ouvrez le mode de conception sur la dernière version de vitrine, sélectionnez un élément visible, effectuez une modification contrôlée et enregistrez-la dans le cadre du projet actuel.

Pourquoi et quand utiliser le mode de conception

Utilisez le mode de conception pour les modifications visuelles ciblées qui sont plus faciles à pointer qu'à décrire à partir de zéro : réécrire un titre, remplacer une image, ajuster l'espacement, modifier la typographie ou supprimer un élément visible.

Utilisez le chat Runner pour un travail plus large qui s'étend sur plusieurs pages, modifie le comportement du magasin ou nécessite une nouvelle fonctionnalité.

Disponibilité et conditions préalables

Le mode de conception est conditionnel. Il est disponible lorsque :

vous utilisez une mise en page de bureau ;
la dernière version de vitrine est prête et sélectionnée ;
vous ne prévisualisez pas une version plus ancienne ;
Runner ne traite pas actuellement une autre demande ; et
la fonctionnalité Mode de conception est activée pour l'espace de travail.

Si l'aperçu est toujours en préparation, une version historique est sélectionnée ou Runner fonctionne, le bouton peut être masqué ou désactivé.

Ouvrir le mode de conception

Ouvrez votre projet.
Sélectionnez Vitrine.
Assurez-vous que l'étiquette de version indique Actuelle et que l'aperçu est prêt.
Sélectionnez Mode de conception dans la barre d'outils de vitrine.
Si une barre d'édition inférieure apparaît avec un autre contrôle Mode de conception, sélectionnez-le pour activer la sélection d'éléments.
Déplacez-vous sur la vitrine et sélectionnez l'élément que vous souhaitez modifier.

Contrôles du mode de conception

Contrôle	Pourquoi vous l'utilisez	Ce qui se passe lorsque vous le sélectionnez
Mode de conception dans la barre d'outils de vitrine	Entrer la vue d'édition dédiée.	Runner ouvre la vitrine actuelle dans le panneau de conception.
Mode de conception dans la barre inférieure	Activer ou désactiver l'inspection d'éléments.	Lorsqu'il est activé, les éléments sélectionnables sont encadrés et la sélection d'un élément ouvre sa barre d'édition. Le désactiver efface la session d'édition actuelle.
Champ Demander à Runner AI et flèche d'envoi	Décrire une modification pour l'élément sélectionné.	Runner reçoit l'instruction avec l'élément sélectionné. Lorsque Runner démarre, il efface la sélection et réinitialise les modifications directes non enregistrées et leur historique d'annulation/rétablissement, alors enregistrez les modifications directes en attente avant d'envoyer.
Espacement	Modifier l'espace à l'intérieur ou autour de l'élément.	Un panneau s'ouvre pour la marge et le remplissage horizontaux et verticaux.
Image	Remplacer une image sélectionnée ou une image de fond.	Un panneau s'ouvre avec les options Télécharger et Généré par IA lorsque cet élément prend en charge l'édition de médias.
Texte	Modifier le style de type.	Un panneau s'ouvre pour la taille de police, le poids, la famille, la couleur, l'opacité et l'alignement lorsqu'ils sont pris en charge.
Supprimer l'élément	Supprimer l'élément sélectionné de la modification actuelle.	L'élément disparaît immédiatement dans l'éditeur. Utilisez Annuler si c'était accidentel et examinez avant d'enregistrer.
Annuler	Inverser la dernière modification visuelle non enregistrée.	Runner revient en arrière dans l'historique d'édition du mode de conception actuel.
Rétablir	Réappliquer une modification que vous venez d'annuler.	Runner avance dans l'historique d'édition du mode de conception actuel.
Enregistrer	Conserver les modifications visuelles actuelles.	Runner écrit les modifications en attente, enregistre un nouvel instantané de version lorsque possible, efface l'historique d'annulation/rétablissement de cette session et recharge l'aperçu. Le bouton est désactivé lorsqu'il n'y a rien à enregistrer.
Fermer	Quitter le panneau de conception dédié.	Runner revient à l'aperçu normal de vitrine et efface les modifications non enregistrées et l'historique des commandes. Enregistrez d'abord si vous souhaitez conserver les modifications.

Effectuer une modification visuelle sûre

Accédez à la page cible en aperçu normal avant d'ouvrir le mode de conception.
Entrez le mode de conception et sélectionnez un élément.
Choisissez un chemin pour cette modification :
- Pour une modification directe, utilisez Espacement, Image, Texte ou Supprimer l'élément, puis examinez-la avec Annuler ou Rétablir et sélectionnez Enregistrer.
- Pour une demande IA, enregistrez d'abord les modifications directes en attente, resélectionnez l'élément si nécessaire, entrez l'instruction dans Demander à Runner AI et envoyez-la. Lorsque Runner démarre, la sélection et l'historique des modifications directes non enregistrées sont effacés.
Attendez que l'enregistrement ou la demande Runner choisi se termine, puis examinez la page en aperçu normal.
Vérifiez à nouveau la page dans les mises en page PC, Tablette et Téléphone.
Publiez uniquement après que l'aperçu enregistré a réussi votre examen.

États, limites et dépannage

Ce que vous voyez	Signification	Ce que vous devez faire
Démarrage du mode de conception…	Runner prépare l'aperçu modifiable.	Gardez la dernière version sélectionnée.
Le mode de conception n'a pas démarré	L'aperçu modifiable n'est pas devenu prêt.	Sélectionnez Réessayer. S'il se répète, retournez à l'aperçu normal et actualisez.
Iframe est toujours en cours de chargement	L'inspection d'éléments n'est pas prête.	Attendez que la vitrine finisse de charger.
L'éditeur visuel est désactivé pendant que l'IA traite	Runner gère une autre demande.	Attendez que la demande se termine, puis sélectionnez à nouveau l'élément.
Runner démarre après une demande Demander à Runner AI	L'éditeur visuel se réinitialise pour la nouvelle tâche.	Toute modification directe non enregistrée et son historique d'annulation/rétablissement sont abandonnés. Enregistrez les modifications directes avant d'envoyer la demande.
L'édition IA n'est pas disponible pour le contenu dynamique	Le contenu sélectionné ne peut pas être modifié via ce contrôle.	Décrivez la page et le résultat souhaité dans le chat Runner régulier.
Rien à annuler / rétablir / enregistrer	La session du mode de conception actuelle n'a pas d'action correspondante.	Sélectionnez d'abord un élément modifiable et effectuez une modification.
Modifications enregistrées dans les fichiers source	Runner a complété l'enregistrement du mode de conception.	Attendez que l'aperçu se recharge, puis examinez à nouveau la page modifiée.
La modification est enregistrée mais pas en direct	L'enregistrement des modifications met à jour le projet, pas la vitrine publiée.	Examinez la version actuelle, puis sélectionnez Publier les modifications.