Prévisualiser votre magasin

Ouvrez l'aperçu actuel de la vitrine et vérifiez les pages et les mises en page réactives avant de publier.

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

Aperçu et contrôles de la boutique Runner

Ce que couvre ce guide

Examinez la vitrine actuelle dans Runner, déplacez-vous entre ses pages et vérifiez comment elle s'affiche sur les mises en page de bureau, tablette et téléphone sans la publier.

Pourquoi et quand utiliser l'aperçu

Utilisez l'aperçu après que Runner a créé ou modifié la vitrine. C'est l'endroit le plus sûr pour repérer le texte manquant, les routes rompues, les mauvaises mises en page mobiles ou les sections inachevées avant que les clients ne les voient.

L'aperçu est distinct du magasin publié. Une page qui semble correcte ici ne prouve pas que l'URL publique, les données du catalogue, l'inventaire, la connexion au service de paiement ou le paiement fonctionnent.

Disponibilité et conditions préalables

Ouvrez un projet avec une activité de vitrine existante ou une version prévisualisable.
Si la page dit Pas encore de vitrine, utilisez l'invite sur cette page pour demander à Runner de construire la première version.
Si elle dit Construction de la première version de votre vitrine… ou Préparation de l'aperçu…, l'aperçu n'est pas encore prêt.
Certains espaces de travail utilisent la vitrine plus récente basée sur les points de contrôle. Les contrôles de version exacts peuvent varier avec la disponibilité échelonnée.

Quand les cartes de version conditionnelles sont activées dans la conversation, sélectionner l'image de la vitrine ou Aperçu sur une carte de travail terminée ouvre précisément la version prête créée par cette tâche. Il peut s'agir d'une version historique plutôt que de la plus récente. Pour un ancien projet sans historique de version enregistré, Aperçu sur la carte de travail de vitrine la plus récente ouvre à la place l'aperçu actuel en direct. Vérifiez les étiquettes v…, Version actuelle et Publié lorsqu'elles sont disponibles, avant toute modification ou publication.

Une tâche terminée ou une compilation réussie du code source ne signifie pas à elle seule que l'aperçu a été mis à jour. Runner promeut la vitrine terminée une fois la tâche achevée. Si cette promotion échoue, l'aperçu conserve la dernière version promue avec succès — ou n'affiche aucun aperçu généré s'il n'en existe pas encore — ; confirmez donc la version visible et le résultat de l'aperçu.

Ouvrir l'aperçu

Ouvrez votre espace de travail Runner.
Sélectionnez le magasin que vous voulez examiner.
Sélectionnez Vitrine dans la navigation du projet.
Attendez que la version actuelle apparaisse dans la zone d'aperçu.

Si le projet n'a pas encore de vitrine :

Entrez ce que vous voulez dans Décrivez le magasin que vous voulez construire….
Sélectionnez Commencer la construction, ou appuyez sur Entrée sans Maj.
Runner crée une conversation et envoie cette description comme première demande.
Si la création échoue, la description reste dans le champ pour que vous puissiez réessayer.

Contrôles d'aperçu

Contrôle	Pourquoi vous l'utilisez	Ce qui se passe quand vous le sélectionnez
Retour	Retournez à la page précédente visitée dans l'aperçu.	L'aperçu se déplace vers l'arrière dans son propre historique de page. Il ne quitte pas votre projet Runner.
Avancer	Revisitez une page après être allé en arrière.	L'aperçu avance quand une entrée d'historique ultérieure existe.
PC / Tablette / Téléphone	Vérifiez les mises en page réactives.	Chaque sélection fait défiler le cadre d'aperçu à la taille d'appareil suivante. Il ne modifie pas la vitrine en direct.
Champ de chemin, tel que `/`	Ouvrez une route de vitrine connue.	Sélectionnez le chemin, entrez un autre chemin sur le même site d'aperçu et appuyez sur Entrée. Les adresses invalides ou externes sont ignorées.
Actualiser	Rechargez l'aperçu actuel après une modification ou un rendu bloqué.	Runner recharge la page visible et efface la sélection du mode de conception actif et la session d'annulation/rétablissement. Enregistrez d'abord les modifications de conception en attente.
Ouvrir dans un nouvel onglet	Examinez l'aperçu avec plus d'espace.	Runner ouvre cette URL d'aperçu dans un autre onglet du navigateur. C'est toujours un aperçu, pas la preuve d'un magasin publié.
Étiquette de version, telle que v1 · Actuel	Identifiez ce que vous examinez.	L'étiquette distingue la version actuelle la plus récente d'un aperçu historique.
Mode de conception	Commencez l'édition visuelle.	Runner ouvre l'espace de travail de conception quand la version la plus récente est admissible.
Historique des versions	Comparez les versions de vitrine antérieures.	Runner ouvre la liste des versions sans modifier la vitrine actuelle.
Ouvrir l'éditeur de code	Inspectez ou modifiez la source de la vitrine quand ce contrôle avancé est disponible.	Runner ouvre le dialogue Éditeur de code pleine hauteur. Le fermer retourne le panneau Vitrine à l'aperçu ; vérifiez le résultat visible là.
Pièce / Gagnez des crédits gratuits	Ouvrez l'offre de parrainage.	Runner ouvre le dialogue de parrainage ; aucun crédit n'est gagné simplement en l'ouvrant.
Nombre de crédits / Mettre à niveau	Examinez les options de crédit, de plan ou d'utilisation.	Runner ouvre une fenêtre contextuelle dont les actions disponibles peuvent mener à la facturation ou à l'utilisation de l'espace de travail.
Publier, Publier les modifications ou Republier	Commencez le flux de publication approprié à l'état actuel.	Runner exécute les vérifications d'accès et de disponibilité avant le début de toute publication.

Examiner une page de vitrine page par page

Commencez à / et scannez l'en-tête, la zone d'annonce, le héros, les produits en vedette, les sections et le pied de page.
Sélectionnez chaque lien de navigation visible. Confirmez que la destination apparaît et que le chemin d'aperçu change comme prévu.
Ouvrez une page de produit à partir de la vitrine. Confirmez que son titre, ses médias, son prix, ses options, sa disponibilité et son contrôle d'achat sont visibles.
Utilisez le champ de chemin pour les routes importantes qui ne sont pas liées à partir de la page actuelle.
Faites défiler PC, Tablette et Téléphone. Recherchez le contenu coupé, les contrôles qui se chevauchent, le texte illisible et le défilement horizontal.
Sélectionnez Actualiser uniquement après avoir enregistré les modifications du mode de conception.
Enregistrez tout problème dans le chat Runner avec le chemin de la page, la taille de l'appareil et le résultat attendu.

États, limites et dépannage

Ce que vous voyez	Signification	Ce qu'il faut faire
Pas encore de vitrine	Runner n'a trouvé ni activité de vitrine existante ni version prévisualisable enregistrée.	Demandez à Runner de créer la vitrine.
Construction de la première version…	La première version est toujours en cours de préparation.	Suivez la progression des tâches et attendez qu'elles atteignent un état final.
Préparation de l'aperçu…	Runner démarre l'aperçu sélectionné.	Gardez la page ouverte ; utilisez Actualiser uniquement si l'état cesse de progresser.
Impossible de charger l'aperçu pour cette version	La version sélectionnée n'a pas pu être affichée.	Retournez à la version actuelle, actualisez ou signalez la version et l'erreur à Runner.
Reconnexion de l'aperçu	Runner a perdu la connexion d'aperçu et réessaye.	Gardez le projet ouvert et suivez le nombre de tentatives. S'il ne peut pas récupérer, reconnectez l'espace de travail.
Barre d'erreur d'aperçu avec Corriger	L'aperçu a signalé une erreur que Runner peut inspecter.	Sélectionnez Corriger ou Corriger l'erreur pour envoyer le diagnostic affiché à Runner. Utilisez Afficher plus pour développer les détails et Ignorer uniquement pour masquer le message.
Un contrôle est désactivé	L'aperçu ne prend pas actuellement en charge cette action, l'espace de travail est déconnecté ou Runner est encore en cours d'exécution.	Attendez que Runner termine, reconnectez l'espace de travail si vous y êtes invité, ou revenez à la version prête la plus récente.
L'aperçu semble correct, mais pas le magasin publié	Les modifications n'ont pas été publiées ou vous consultez des versions différentes.	Vérifiez l'étiquette de version, puis utilisez Publier les modifications.