Utiliser l’application
Bloc de thème
Le bloc Guide des tailles détermine comment vos clients accèdent au guide sur votre page produit : un lien texte, un bouton, ou le guide affiché directement sur la page. Vous le configurez une fois dans l’éditeur de thème, et il s’applique à tous les produits qui utilisent ce modèle.
Pour trouver le bloc : Boutique en ligne → Thèmes → Personnaliser, passez à un modèle de produit, puis cliquez sur Guide des tailles dans la section des informations sur le produit. Vous ne l’avez pas encore ajouté ? Voir Installation.
Affichage
| Paramètre | Rôle |
|---|---|
| Libellé | Le texte sur lequel cliquent vos clients. Par défaut « Guide des tailles » (dans la langue de votre boutique) — essayez « Tableau des tailles » ou « Trouvez votre taille ». |
| Afficher comme | Lien texte (par défaut), Bouton, ou Intégré (afficher le guide sur la page), qui place tout le guide dans la page produit, sans clic nécessaire. |
| Alignement | À gauche, Au centre ou À droite. Lien et bouton uniquement. |
La plupart des réglages ci-dessous n’apparaissent que pour les styles lien et bouton, puisqu’un guide intégré n’a rien sur quoi cliquer.
Emplacement
Par défaut, le lien se trouve là où vous déposez le bloc. L’emplacement vous permet plutôt de le mettre sur la même ligne qu’un autre élément — la place classique est à côté du prix.
| Paramètre | Rôle |
|---|---|
| Afficher | Emplacement du bloc, Sur la même ligne que le prix, ou Sur la même ligne qu’un autre élément. |
| Classe ou sélecteur d’élément | Pour « un autre élément » : une classe ou un sélecteur CSS de la section produit de votre thème, comme product__title ou .product-form__quantity. |
| Position sur la ligne | Après l’élément ou Avant l’élément. |
| Alignement vertical sur la ligne | Au centre, En haut, En bas, ou Sur la ligne de base du texte. |
Sur la même ligne que le prix trouve automatiquement le prix dans Dawn et la plupart des thèmes basés sur lui, ainsi que dans les thèmes qui utilisent des noms de classes de prix courants. Le lien reste en place quand le client change de variante.
Lien
| Paramètre | Rôle |
|---|---|
| Couleur du lien | Laissez vide pour utiliser la couleur du texte de votre thème. |
| Souligné | Activé par défaut. |
Icône
Ajoutez une icône à côté du libellé. Les icônes prennent la couleur du texte du lien ou du bouton : elles sont donc toujours assorties.
| Paramètre | Rôle |
|---|---|
| Icône | Aucune icône (par défaut), l’une des 27 icônes intégrées, ou Image personnalisée. |
| Icône personnalisée | Votre propre image, affichée dans ses couleurs d’origine. Un fichier PNG ou SVG carré est recommandé. |
| Position de l’icône | Avant le libellé ou Après le libellé. |
| Taille de l’icône | 12 à 40 px. 18 px par défaut. |
| Espace entre l’icône et le texte | Espace entre l’icône et le libellé, de 0 à 24 px. 6 px par défaut. |
Moderne
Tableau des tailles · Étiquette de taille · Cintre avec règle · Boîtier de mètre ruban · Largeur de chemise · Mannequin de couture · Tour de taille du pantalon · Longueur du pied · Silhouette
Classique
Règle · Mètre ruban · Ruban enroulé · Chemise avec ruban · Ruban plié · Plan · Pointure · Cintre · Dimensions de chemise · Tailles alphabétiques · Tour de taille · Indicateur de poids · Robe avec règle · Baskets · Hanches · Silhouette avec mètre ruban · Équerre · Flèche de largeur
Bouton
| Paramètre | Rôle |
|---|---|
| Arrière-plan / Texte | Laissez les deux vides pour un bouton à contour dans la couleur du texte de votre thème. |
| Taille | Petit (36 px de haut), Moyen (44 px, la hauteur de la plupart des boutons de thème) ou Grand (52 px). Personnalisé affiche un curseur Hauteur du bouton. |
| Hauteur du bouton | 28 à 64 px. 44 px par défaut. Uniquement avec la taille Personnalisé. |
| Arrondi des coins | 0 à 40 px. 4 px par défaut. |
| Afficher un bouton flottant | Épingle aussi un onglet sur le bord de l’écran, pour que vos clients puissent ouvrir le guide depuis n’importe où sur la page pendant qu’ils font défiler. |
| Côté du bouton flottant | À gauche ou À droite. |
| Position du bouton flottant | En haut, Au milieu ou En bas de l’écran. |
| Afficher le bouton flottant sur mobile | Activé par défaut. Désactivez-le pour masquer l’onglet sur téléphone, où les clients utilisent le bouton habituel. |
Fenêtre du guide
| Paramètre | Rôle |
|---|---|
| Ouvrir comme | Fenêtre modale (centrée, par défaut), Panneau depuis la gauche, ou Panneau depuis la droite. |
Les panneaux glissent depuis le côté et laissent la page produit visible derrière eux. Sur téléphone, ils s’ouvrent plutôt en fenêtre centrée, car un panneau remplirait l’écran de toute façon. Sur les grands écrans, les photos du produit ne s’affichent que dans la fenêtre modale, les panneaux étant trop étroits ; sur téléphone, elles suivent le réglage Les afficher aussi sur téléphone.
Ce que voient vos clients
- La fenêtre ou le panneau se ferme avec le bouton de fermeture, la touche Échap, ou — sauf si vous le désactivez dans Apparence — un clic à l’extérieur.
- Quand un tableau a la conversion d’unités, le choix du client (par exemple les pouces) est mémorisé : le produit suivant s’ouvre dans la même unité. Les autres tableaux du guide changent avec lui.
- Sur téléphone, les tableaux larges défilent horizontalement au lieu d’être écrasés, et peuvent garder la colonne des tailles épinglée.
- Le guide est conçu pour les utilisateurs du clavier et des lecteurs d’écran : le focus passe dans la fenêtre à son ouverture et revient sur le lien à sa fermeture.