Kit Périmètre natif pour PrestaShop 9.2 (thème Hummingbird)

Ce kit s’adresse aux designers, aux freelances et aux agences qui conçoivent une boutique sur PrestaShop avec son thème par défaut, Hummingbird, et qui doivent la chiffrer avant de la dessiner. Il répond, bloc par bloc, à une seule question : ce que vous dessinez est-il natif, réglable dans l’administration, payant ou à développer ? Chaque bloc des écrans porte une étiquette qui renvoie à une ligne de la matrice, et chaque ligne cite la page de documentation officielle ou le fichier du code source sur lequel elle repose. Vous présentez au client des maquettes que la plateforme sait livrer, et vous mettez à part, dans le devis, ce qui demande une extension ou du développement.

Une ligne repérée au cadrage se chiffre avant la maquette plutôt qu’à la passation : le paiement par carte, qui passe par un module et un compte chez un prestataire, la liste d’envies livrée avec la plateforme puis désactivée par le thème, un mini-panier déroulant que le thème ne fournit pas.

Sources officielles vérifiées le 11 novembre 2026, pour PrestaShop 9.2.1 en distribution open source et le thème par défaut Hummingbird 2.1.2. Le kit aide à cadrer et à concevoir : il ne vaut ni audit de votre boutique ni garantie d’exhaustivité.

• Une matrice de 118 lignes, une par fonctionnalité, rangées par domaine : catalogue, navigation et recherche, fiche produit, panier, checkout, compte, contenus, e-mails, international, thème et B2B.
  • Statut : 57 lignes natives, 57 configurables avec le chemin exact dans l’administration, 2 en extension, 2 en développement.
  • Front Hummingbird : 104 lignes couvertes par le thème par défaut, 1 rendue par le gabarit d’un module livré avec la plateforme (le tunnel en une page, en bêta), 2 en extension payante (PrestaShop Checkout, avec des frais par transaction), 4 à développer, 7 sans objet.
  • Risque devis : 105 lignes en risque faible, 10 en moyen, 3 en fort.
  • Sources : chaque ligne cite sa source officielle, sa date de lecture et un extrait court en langue d’origine, 144 URL sources au total. Le tableur ajoute les feuilles Écrans, Extensions (avec les conditions relevées chez l’éditeur) et Sources.
• Un fichier de conception pour Figma : 24 écrans desktop, leurs 24 versions mobiles et 3 e-mails (confirmation de commande, bienvenue, réinitialisation du mot de passe).
  • Écrans : accueil, catégorie avec recherche à facettes, résultats de recherche, fiches produit simple, à déclinaisons, pack et produit virtuel, modale d’ajout au panier, panier, tunnel de commande (informations personnelles, adresses, livraison, paiement), confirmation, connexion, création de compte, mot de passe oublié, espace client (tableau de bord, historique et factures, carnet d’adresses, listes d’envies), page de contenu, contact et page introuvable.
  • Étiquettes : 90 lignes de la matrice sont dessinées. Chaque bloc porte une étiquette sur deux lignes, l’identifiant et le statut, puis la valeur du front Hummingbird, toujours écrites en toutes lettres et posées dans un calque d’annotations que vous pouvez masquer.
  • Fondations et composants : 56 variables, 16 styles de texte, 2 styles d’effet, 27 jeux de composants pour 98 variantes (étiquette de périmètre, boutons, champs, cases et boutons radio, pastilles, quantité, badges, prix, boutons icônes, carte produit, facettes, filtres actifs, fil d’Ariane, pagination, onglets, accordéon, messages, notes, étapes du tunnel, ligne de panier, récapitulatif de commande, en-tête et pied de page en desktop et en mobile, tiroirs, modales, réassurance, tuile de compte) et 36 icônes. Aucun logo.
• 58 tokens, dont 14 couleurs, 13 espacements, 6 rayons, 9 tailles de texte avec leur interligne, 3 graisses, 2 ombres et une hauteur commune aux boutons et aux champs. Ils sont identiques dans le fichier de conception et les deux fichiers de tokens, et reportés sur les variables Bootstrap du thème, sauf les espacements, dont les pas sont déjà sur la grille. Aucun pas hors de la grille d’espacement.
• Les variables du thème : un fichier de variables Sass qui porte les valeurs du kit sur les variables Bootstrap de Hummingbird, et la liste commentée des 20 écarts à la configuration par défaut, à appliquer ou à refuser à la passation. Elle relève 12 variables par défaut hors de la grille, 15 valeurs écrites en dur dans des feuilles de composants et 15 valeurs que Bootstrap dérive de ses variables, avec pour chacune la valeur recommandée et la raison.
• Un guide de cadrage de 23 pages, en français : lire la matrice et les étiquettes, les 7 questions à poser au client avant la maquette, un atelier de cadrage pas à pas, 13 pièges où un design plausible sort du natif sans le dire, la passation au développement, les 10 fonctionnalités que le kit ne tranche pas faute de source officielle, et les sources.
• Une checklist de passation de 21 points, dans le guide et en fichier texte à copier dans un ticket.

Fichiers du kit :

LICENCE.txt
LISEZMOI.txt
CREDITS.txt
figma/native-scope-kit-for-prestashop-hummingbird-1.0.0.fig
guide/guide-cadrage.pdf
guide/checklist-passation.md
matrice/perimetre-natif.xlsx
matrice/perimetre-natif.csv
tokens/tokens.json
tokens/tokens.2025-10.json
theme/_variables-kit.scss
theme/ecarts-config-defaut.md

• Matrice en XLSX et en CSV UTF-8, avec les mêmes identifiants : le tableur a ses listes déroulantes et se filtre par client (statut, front Hummingbird), par écran ou par risque ; le CSV s’importe dans tout tableur ou outil de suivi.
• Guide en PDF A4 balisé, avec signets, et checklist en Markdown. La conformité PDF/UA du guide n’a pas été mesurée.
• Tokens en DTCG JSON au format antérieur à 2025.10, valeurs en chaîne (tokens/tokens.json), et les mêmes tokens au format DTCG 2025.10 pour les autres outils (tokens/tokens.2025-10.json).
• Thème : theme/_variables-kit.scss est un fichier SCSS de variables Bootstrap, à importer deux fois dans les feuilles de style du thème. Les variables ont été compilées avec Sass sur les feuilles de style de Hummingbird dans un projet de test hors boutique : le build complet du thème et une boutique installée n’ont pas été essayés.
• Fichier .fig : un fichier compatible Figma, à importer dans votre espace.
• Polices : Inter (SIL OFL 1.1), celle que le thème charge déjà, est référencée par les tokens et n’est pas fournie. Le guide est composé en Work Sans (SIL OFL 1.1), embarquée dans le PDF.
• Versions relevées : PrestaShop 9.2.1 en distribution open source, thème par défaut Hummingbird 2.1.2.

À savoir avant l’achat :

• Le kit ne contient aucun module PrestaShop : il sert à cadrer, à concevoir et à passer la main au développement.
• Aucun paiement par carte n’est livré avec la plateforme. Le bloc de paiement par carte est dessiné avec l’étiquette « CHK-20 · extension » : il suppose un module, comme PrestaShop Checkout, et un compte chez le prestataire. Le kit ne cite aucun prix de module tiers.
• L’édition Classic, téléchargée sur prestashop.com, ajoute des modules de PrestaShop SA que la matrice ne couvre pas.
• Aucun écran ne dessine le B2B ni le mode catalogue : le mode B2B, les groupes de clients et le mode catalogue (CAT-23) figurent dans la matrice comme réglages d’administration, pour que la question soit posée avant la maquette. Le mode sombre (THM-05) est classé en développement et n’est pas dessiné.
• Les chemins d’administration reprennent les libellés français du pack de traduction de PrestaShop 9.2.1, relevés sur ce pack et non sur une boutique installée.
• Sur certains écrans, les étiquettes recouvrent le haut d’un bloc (fil d’Ariane, titre) : masquez le calque d’annotations pour voir le bloc entier.
• Le guide, la matrice et les étiquettes sont en français ; les extraits de documentation restent en langue d’origine.
• Mises à jour : gratuites pour les acheteurs, publiées au fil des versions de la plateforme, sans calendrier garanti. Elles couvrent les corrections du kit et, quand une nouvelle version de la plateforme ou du thème change un statut, une source ou une variable du thème, la mise à jour de la matrice, des étiquettes, des tokens et du guide. Elles ne couvrent pas les fonctions laissées hors de la matrice, que le guide liste à part.

Le kit est vendu avec la licence commerciale, en paiement unique : vous pouvez l’utiliser pour vos projets personnels et professionnels, y compris pour vos clients, mais pas revendre ni redistribuer ses fichiers, même modifiés, comme kit ou comme modèle.

• Design tokens : ce que change vraiment le nouveau standard W3C DTCG

1.0.0 (11 novembre 2026) : première version.

Kit indépendant, ni affilié à PrestaShop SA, ni approuvé ni sponsorisé par elle. PrestaShop est une marque déposée de PrestaShop SA. Hummingbird est le nom du thème officiel de PrestaShop, cité à titre de référence. Les noms de la plateforme et du thème ne servent ici que de mention de compatibilité ; les écrans sont redessinés à partir de la structure de page documentée, sans logo ni capture d’une boutique réelle.

Déclaration d’IA : la matrice, les textes du guide, les tokens, les variables du thème, les scripts de contrôle et la construction du fichier de conception ont été produits avec un assistant d’IA (Claude Code, Anthropic), puis contrôlés par des scripts et par relecture. Sources officielles vérifiées le 11 novembre 2026 : chaque ligne de la matrice cite la source sur laquelle elle repose. Le kit ne contient aucune image générée par IA.