Choisir la bonne taille de vélo, c’est la question la plus posée par un client en ligne. Sur un VTT, une différence de 2 cm d’entrejambe change la taille de cadre. Sur un vélo route, la longueur du tube supérieur compte autant que la hauteur. Et chaque marque a sa grille — un Orbea taille M n’est pas un BMC taille M.
Le module Guide des tailles ajoute un tableau de correspondance taille / morphologie directement sur chaque fiche produit concernée.
Côté client : un outil de décision
Sur les fiches produit des catégories concernées (VTT, route, gravel, urbain, enfants…), un bloc « Choisir ma taille » affiche :
- Tableau interactif : colonne taille utilisateur (entrejambe ou taille en cm), colonne taille vélo recommandée
- Surlignage automatique de la ligne correspondant à la taille sélectionnée dans le sélecteur produit
- Note conseil : « En cas de doute, l’essai en magasin reste la meilleure méthode »
Le visiteur croise sa morphologie avec la grille marque, voit immédiatement la taille à choisir. Pour le magasin, c’est moins d’appels téléphoniques de présélection — le client arrive en magasin déjà fixé.
Côté technique
Le module ajoute à PrestaShop 9 deux tables. La table vlsizes_category liste les catégories où le guide des tailles est activé, sous forme d’identifiant et d’un drapeau actif. La table vlsizes_grid stocke les grilles de tailles par défaut par catégorie, avec leurs lignes au format JSON (taille utilisateur minimale, maximale, taille vélo recommandée). Un champ size_grid_override est ajouté à la fiche produit pour permettre une grille personnalisée par produit, utile lorsqu’une marque atypique ne suit pas la grille générique de sa catégorie.
L’injection du bloc « Choisir ma taille » dans la fiche produit s’effectue via le hook displayProductAdditionalInfo. Le rendu intervient seulement si deux conditions sont remplies simultanément : le produit appartient à une catégorie où le guide est activé, et une grille existe (issue de la catégorie ou en override produit).
Le tableau est rendu en Smarty avec une structure HTML sémantique — <table> accessible, en-têtes <th scope>, légende <caption> — pour les lecteurs d’écran et les robots SEO. Un script JavaScript minimal se charge de mettre en surbrillance dynamique la ligne correspondant à la déclinaison sélectionnée dans le sélecteur produit, ce qui offre un feedback instantané quand l’acheteur change de taille.
Pourquoi c’est pertinent pour un vélociste
Un client qui a hésité sur la taille et qui se trompe → retour produit → frais logistique + insatisfaction. Un client guidé par un tableau clair → bonne taille → satisfait → recommandation. Le guide des tailles c’est un investissement qui réduit le coût des retours et augmente la confiance avant l’achat. Et pour le SEO, c’est encore du contenu unique (les marques ne publient pas toujours leurs grilles), Google adore.
