Utiliser l’application
Éditeur de guide
Tout ce que vous pouvez mettre dans un guide, et toutes ses options. Ouvrez l’éditeur depuis Guides des tailles en créant un guide ou en cliquant sur un guide existant.
Disposition de l’éditeur
- Nom du guide — pour votre propre repère ; vos clients ne le voient jamais.
- Contenu — les éléments qui composent le guide, de haut en bas. Faites glisser la poignée pour les réorganiser, ou utilisez les flèches haut / bas. L’icône de corbeille supprime un élément.
- Apparence — Utiliser l’apparence de la boutique est activé par défaut. Voir donner un style propre à un guide.
- Statut et S’applique à — décrits dans le Guide de configuration.
- Aperçu en direct — se met à jour pendant la saisie. Basculez entre ordinateur et mobile, ou ouvrez l’Aperçu pleine largeur.
Les modifications ne sont en ligne qu’après un clic sur Enregistrer dans la barre en haut. Si vous quittez la page avec des modifications non enregistrées, l’application vous demande d’abord de les enregistrer ou de les annuler.
Éléments
Cliquez sur Ajouter un élément pour ajouter l’un des huit types d’éléments. Les éléments vides — un titre sans texte, une image sans fichier — sont ignorés sur votre boutique : un élément à moitié terminé n’apparaît jamais comme un espace vide.
Tableau
Lignes et colonnes de mesures. La première ligne est l’en-tête ; la première colonne contient généralement les noms des tailles. Voir travailler avec les tableaux et conversion d’unités ci-dessous. Options de style :
| Paramètre | Rôle |
|---|---|
| Alignement des cellules | À gauche, Au centre ou À droite. |
| Espacement des cellules | Compact, Normal ou Aéré. |
| Lignes | Entre les lignes, Grille complète ou Aucun. |
| Couleurs | Arrière-plan de l’en-tête, Texte de l’en-tête, Texte des cellules, Lignes alternées et Lignes. Laissez vide pour utiliser les couleurs du guide. |
| En-tête en gras | Activé par défaut. Désactivez-le pour un en-tête en graisse normale. |
| Première colonne en gras | Activé par défaut. Désactivez-le pour des noms de tailles en graisse normale. |
| Mettre en évidence la première colonne | Teinte la colonne des tailles pour qu’elle se lise comme une étiquette. |
| Garder la première colonne visible pendant le défilement | Sur les tableaux larges, la colonne des tailles reste en place pendant que le client fait défiler horizontalement — particulièrement utile sur téléphone. |
| Mettre en majuscules l’en-tête et la colonne des tailles | Les affiche en majuscules. |
Titre
Un titre court pour découper un guide en sections, comme « Comment prendre vos mesures ».
| Paramètre | Rôle |
|---|---|
| Alignement | À gauche, Au centre ou À droite. |
| Taille | Petit, Moyen ou Grand. |
| Couleur | Laissez vide pour utiliser la couleur de titre du guide. |
Texte
Une note sur la coupe, les mesures ou les retours. La barre d’outils propose gras, italique, souligné, listes à puces et numérotées, et liens. Réglez la Taille du texte sur Petit, Moyen ou Grand.
Sélectionnez des mots et utilisez Couleur du texte ou Surligner pour les colorer. Modifier le HTML, au bout de la barre d’outils, permet de modifier directement le balisage : paragraphes, titres h3 et h4, gras, italique, souligné, listes, liens et texte coloré sont conservés. Les autres balises sont supprimées à l’enregistrement, mais leur texte reste. Le texte de « Image avec texte » utilise le même éditeur.
Image
Un seul schéma ou une seule photo — par exemple une illustration « comment prendre vos mesures ».
| Paramètre | Rôle |
|---|---|
| Image | Importez une nouvelle image, choisissez-en une déjà présente dans vos Fichiers Shopify, ou collez un lien d’image (https uniquement). JPG, PNG, WebP ou GIF, jusqu’à 20 Mo. |
| Texte alternatif | Décrit l’image pour les clients qui utilisent un lecteur d’écran. Toujours utile à remplir. |
| Largeur | Taille d’origine, Pleine largeur, Grand, Moyen ou Petit. |
| Alignement | À gauche, Au centre ou À droite. |
Image avec texte
Une image à côté d’un texte explicatif, comme un schéma avec les étapes de mesure.
| Paramètre | Rôle |
|---|---|
| Position de l’image | À gauche du texte ou À droite du texte. |
| Largeur de l’image | Moitié ou Un tiers de l’élément. |
| Alignement vertical | Au centre ou En haut. |
Sur téléphone, l’image s’affiche au-dessus du texte.
Galerie d’images
Plusieurs images côte à côte — gros plans du tissu, photos de coupe ou étapes de mesure.
| Paramètre | Rôle |
|---|---|
| Mise en page | Grille, ou Carrousel (balayage). |
| Colonnes | Grille uniquement : Ajustement automatique, 2, 3 ou 4. |
| Hauteur de l’image | Carrousel uniquement : Basse, Moyenne ou Haute. |
Vidéo
Une courte vidéo « comment prendre vos mesures ».
| Paramètre | Rôle |
|---|---|
| Source | Importez une vidéo dans vos Fichiers Shopify (MP4, MOV ou WebM, jusqu’à 1 Go), ou collez un lien YouTube ou Vimeo. |
| Lecture | Vidéos importées uniquement : Lecteur avec commandes, ou Lire automatiquement en boucle et sans son, comme un GIF. |
| Titre | Lu par les lecteurs d’écran. |
| Largeur | Pleine largeur, Grand, Moyen ou Petit. |
Séparateur
Une ligne horizontale entre deux sections, avec un libellé facultatif au milieu.
| Paramètre | Rôle |
|---|---|
| Ligne | Continue, Tirets ou Pointillés. |
| Espacement | Petit, Moyen ou Grand espace autour de la ligne. |
| Épaisseur | 1, 2 ou 4 px. |
| Couleur | Laissez vide pour utiliser la couleur des lignes du guide. |
| Libellé | Jusqu’à 60 caractères, par ex. « Comment prendre vos mesures ». Il s’insère dans une coupure de la ligne ; laissez vide pour une ligne simple. |
| Position du libellé | À gauche, Au centre ou À droite. |
Chaque élément dispose aussi d’Espace au-dessus et d’Espace en dessous (Aucun, Petit, Par défaut ou Grand) dans Options de style.
Travailler avec les tableaux
L’éditeur de tableau se comporte comme un petit tableur. Un tableau peut contenir jusqu’à 200 lignes et 30 colonnes.
Clavier et souris
| Paramètre | Rôle |
|---|---|
| Flèches | Se déplacer entre les cellules. |
| Maj + flèches | Sélectionner une plage de cellules. Vous pouvez aussi cliquer et faire glisser. |
| Entrée | Descendre d’une ligne (Maj + Entrée pour monter). |
| Suppr / Retour arrière | Vider toutes les cellules d’une plage sélectionnée. |
| Ctrl / ⌘ + C, X, V | Copier, couper et coller une plage. |
| Ctrl / ⌘ + Z | Annuler la dernière modification du tableau (collage, insertion, suppression). |
| Clic droit, Maj + F10 ou la touche menu | Ouvrir le menu Actions du tableau. |
| Échap | Réduire une sélection à une seule cellule. |
Coller depuis Excel ou Google Sheets
Copiez des cellules dans votre tableur, cliquez sur la cellule où doit aller la valeur en haut à gauche, puis collez. Le tableau s’agrandit au besoin. Coller une seule valeur sur une sélection remplit toutes les cellules sélectionnées.
Menu Actions du tableau
Faites un clic droit sur une cellule pour :
- Annuler
- Insérer une ligne au-dessus / en dessous, Dupliquer la ligne, Déplacer la ligne vers le haut / le bas, Supprimer la ligne
- Insérer une colonne à gauche / à droite, Déplacer la colonne vers la gauche / la droite, Supprimer la colonne
- Intervertir les lignes et les colonnes — place les tailles sur le côté au lieu du haut, ou inversement.
- Importer un fichier CSV… — remplace le tableau par le contenu d’un fichier CSV. La première ligne devient l’en-tête.
- Effacer les mesures — vide toutes les cellules mais garde l’en-tête et la colonne des tailles, pour réutiliser la structure.
Quand plusieurs lignes sont sélectionnées, Supprimer la ligne les supprime toutes. Les boutons Ajouter une ligne et Ajouter une colonne sous le tableau ajoutent à la fin.
Conversion d’unités
Saisissez les mesures une seule fois et laissez vos clients changer d’unité. Avec la conversion activée, un petit sélecteur apparaît au-dessus du tableau (par exemple cm | in). Les tailles et les notes restent exactement telles que vous les avez écrites.
| Paramètre | Rôle |
|---|---|
| Conversion d’unités | Aucune conversion, ou l’unité saisie → l’unité proposée : Centimètres → pouces, Pouces → centimètres, Millimètres → pouces, Pouces → millimètres, Kilogrammes → livres, Livres → kilogrammes. |
| Afficher en premier | L’unité que voient les clients à l’ouverture du guide — celle que vous avez saisie, ou l’unité convertie (par ex. les pouces pour une clientèle américaine). |
| Arrondir les valeurs converties à | Nombres entiers, 1 décimale (par défaut) ou 2 décimales. |
| Position du sélecteur | À gauche, Au centre ou À droite au-dessus du tableau. |
| Colonnes à convertir | Cochez les colonnes qui contiennent des mesures. Par défaut, toutes les colonnes sauf la première sont converties. |
Ce qui est converti
- Les valeurs simples (
86) et les plages (86-90,86 – 90,86/90,86 to 90). - Les virgules décimales (
86,5) — la valeur convertie garde la virgule. - Les valeurs avec l’unité écrite (
86 cm→33.9 in). - Une unité entre parenthèses dans l’en-tête est aussi remplacée :
Chest (cm)devientChest (in).
Tout ce qui n’est pas un nombre — noms de tailles comme M ou XL, notes, cellules vides — reste tel quel.
Tour de taille (cm), pour que vos clients sachent toujours quelle unité ils lisent.Donner un style propre à un guide
Par défaut, chaque guide suit l’Apparence de toute la boutique. Pour styliser un guide différemment — par exemple un look plus sombre pour une ligne streetwear — désactivez Utiliser l’apparence de la boutique dans l’éditeur. Le guide reçoit sa propre copie des réglages Fenêtre du guide, En-tête, Photos du produit, Arrière-plan, Tableau et Texte, à partir des valeurs actuelles de la boutique.
Réactivez Utiliser l’apparence de la boutique pour que le guide retrouve le style de la boutique. Le CSS personnalisé et la fermeture en cliquant à l’extérieur viennent toujours de la page Apparence de la boutique.