Référence des paramètres du thème Vertex
Chaque option sous Theme Settings dans l'éditeur de thème Shopify, expliquée. Pour accéder : ouvrez l'éditeur de thème et cliquez sur l'icône engrenage (en bas à gauche) intitulée Theme settings.
Les paramètres de Vertex sont regroupés en 7 panneaux :
Typographie
| Paramètre | Ce qu'il fait | Par défaut |
|---|---|---|
| Police de titre | Police utilisée pour <h1>–<h6> sur chaque page, plus les titres des sections marketing. | Poppins Bold |
| Police du corps | Police utilisée pour le corps du texte, la navigation, les boutons, les champs de formulaire et les prix. | Poppins Regular |
Bonne pratique
Vertex précharge les deux polices afin qu'elles soient prêtes avant le premier rendu. Utilisez une police pour les deux (poids différents) si vous voulez le LCP le plus rapide.
Couleurs
Palette de couleurs de démarrage
Un seul menu déroulant qui recolore toute la vitrine en un clic.
| Option | Industrie | Couleur d'accent |
|---|---|---|
| Custom (par défaut — bleu cobalt prêt à l'emploi) | Industriel / Fourniture MRO — ou toute marque | Bleu cobalt par défaut ; modifiez les sélecteurs ci-dessous |
| Signal red | Pièces auto | #ec5f24 |
| Office blue | Bureau & fourniture IT | #3b82f6 |
| Inkline teal | Impression & reprographie | #0d9488 |
Palette personnalisée (utilisée uniquement quand palette de démarrage = Custom)
| Paramètre | Objectif | Par défaut (Custom — bleu cobalt) |
|---|---|---|
| Background | Arrière-plan du body, arrière-plan du tiroir | #ffffff |
| Surface | Arrière-plan de carte, arrière-plan du panneau de paramètres | #f5f5f4 |
| Surface alternate | Surface secondaire subtile | #fafaf9 |
| Text | Couleur du texte principal | #0c0a09 |
| Muted text | Sourcils, étiquettes, légendes | #57534e |
| Borders | Bordures de carte, séparateurs | #e7e5e4 |
| Accent | Couleur de marque principale (CTAs, badges) | #1d4ed8 (bleu cobalt) |
| Accent dark | État survol/actif sur les CTAs accent | #1a44bd |
| Accent soft | Teinte douce pour les arrière-plans teintés d'accent | #e7eefd |
| Text on accent | La couleur du texte et des icônes placés sur les boutons et badges remplis d'accent. Gardez un contraste élevé par rapport à Accent dark. | #ffffff |
| Success | Badges de succès (En stock, NET-30 approuvé) | #15803d |
Mise en page
| Paramètre | Options | Par défaut |
|---|---|---|
| Largeur de page | Étroite (75rem) / Standard (90rem) / Large (110rem) | Étroite |
| Padding latéral de page | 16 à 60 px (slider) | 28 px |
Comportement de l'en-tête
| Paramètre | Ce qu'il fait | Par défaut |
|---|---|---|
| En-tête fixe au défilement | Fixe l'en-tête principal à la fenêtre d'affichage. | Activé |
Comportement du panier
| Paramètre | Ce qu'il fait | Par défaut |
|---|---|---|
| Mise en page du panier | Tiroir coulissant (recommandé pour les ajouts rapides B2B) ou Page de panier dédiée. | Tiroir |
Utilitaires
| Paramètre | Ce qu'il fait | Par défaut |
|---|---|---|
| Afficher le bouton ‘Retour en haut' | Bouton flottant après une fenêtre d'affichage de défilement. | Activé |
| Afficher ‘Récemment consultés' sur les pages produit | Suit jusqu'à 12 produits par acheteur en localStorage. | Activé |
B2B
Mode Storefront
| Option | Ce qu'il fait | Meilleur pour |
|---|---|---|
| Hybride (auto) (par défaut) | Auto-détecte : valeurs par défaut B2C-friendly pour les invités, chrome B2B pour les acheteurs B2B connectés. | La plupart des marchands — accepte les deux audiences. |
| B2B uniquement | Masque les valeurs par défaut B2C-friendly. | Marchands en vente en gros uniquement. |
| B2C uniquement | Supprime chaque élément B2B de l'UI même pour les acheteurs B2B connectés. | Quand le même thème tourne sur une boutique sœur B2C. |
→ Approfondissement : Guide des modes Storefront
Visibilité des prix
| Paramètre | Ce qu'il fait | Par défaut |
|---|---|---|
| Masquer les prix jusqu'à la connexion du client | Remplace les prix par « Connectez-vous pour voir la tarification » pour les invités. | Désactivé |
Sections de la page produit
| Paramètre | Ce qu'il fait | Métachamp de support |
|---|---|---|
| Afficher l'historique des prix sur la PDP | Affiche un disclosure « Historique des prix » quand le produit a vertex.price_history. | vertex.price_history |
| Afficher ‘Expédition depuis' sur la PDP | Lit vertex.ships_from, retombe sur la valeur par défaut ci-dessous. | vertex.ships_from |
| Lieu ‘Expédition depuis' par défaut | Utilisé quand le produit n'a pas de vertex.ships_from. Laissez vide pour passer. | — |
| Afficher ‘Documents & téléchargements' sur la PDP | Englobe les liens fiche technique / MSDS / brochure / guide d'installation. Se masque automatiquement par produit quand aucun document n'est attaché. | vertex.datasheet, etc. |
| Afficher les échantillons de variantes | Transforme les valeurs d'options de couleur/image en pastilles d'échantillon cliquables sur la page produit. Désactivé, les options s'affichent partout sous forme de simples menus déroulants. | — |
D'où viennent les échantillons
Attribuez une couleur ou une image à une valeur d'option dans votre admin Shopify et Vertex l'affiche automatiquement sous forme de pastille cliquable — aucune configuration du thème nécessaire. Un menu déroulant accessible reste en place en dessous pour les utilisateurs au clavier et lecteurs d'écran.
Localisation
| Paramètre | Options | Par défaut |
|---|---|---|
| Direction du texte | Auto (piloté par locale) / Gauche à droite / Droite à gauche | Auto |
Auto-RTL
Vertex bascule <html dir> automatiquement pour l'arabe, l'hébreu, le farsi, l'ourdou, le yiddish, le kurde, le divehi et le pachto. Réglez sur Gauche à droite / Droite à gauche uniquement si vous avez besoin de forcer.
SEO & partage
Actifs de marque
| Paramètre | Taille recommandée |
|---|---|
| Favicon | PNG 32×32. Laissez vide pour utiliser la marque Vertex fournie. |
Cartes sociales
| Paramètre | Taille recommandée |
|---|---|
| Image de partage par défaut (OG / Twitter) | 1200 × 630 px. |
| Handle Twitter / X | Sans le @. |
URLs des profils sociaux (Organization JSON-LD sameAs)
- URL LinkedIn, URL Twitter / X, URL Facebook, URL Instagram, URL YouTube
Google Merchant / Shopping
| Paramètre | Notes |
|---|---|
| Pays d'expédition par défaut (code ISO) | Deux lettres (US, GB, DE, etc.) |
| Tarif d'expédition par défaut (numérique) | Utilisez 0 pour livraison gratuite |
| Délai de traitement — min / max (jours) | 0 à 14 jours |
| Délai de transit — min / max (jours) | 0 à 30 jours |
| Fenêtre de retour (jours) | 0 à 180 jours |
| Méthode de retour | Par courrier / En magasin / Garder le produit |
| Frais d'expédition de retour | Retour gratuit / Client paie |
Infos entreprise
Ces valeurs alimentent l'Organization JSON-LD à l'échelle du site (données du Knowledge Panel).
| Paramètre | Format | Exemple |
|---|---|---|
| Téléphone (E.164 préféré) | Format international avec indicatif pays | +1-216-555-0182 |
| Heures du téléphone | Texte libre | Mon-Fri 7am-6pm CST |
| Adresse postale | — | 1500 W Industrial Pkwy |
| Ville / localité | — | Cleveland |
| Code État / région | Code région à 2 lettres | OH |
| Code postal / ZIP | — | 44113 |
| Pays (code ISO) | Code pays à 2 lettres | US |
| Année de fondation | Année à 4 chiffres | 2014 |
Gain SEO le plus impactant en 5 minutes
Remplir ces champs populise l'Organization + LocalBusiness JSON-LD sur chaque page — les données que Google utilise pour construire votre Knowledge Panel et votre fiche Maps.
Où s'applique chaque paramètre
| Panneau | Affecte |
|---|---|
| Typographie | Chaque page — corps + titres |
| Couleurs | Chaque page — arrière-plan, texte, accent |
| Mise en page | Chaque page — largeur max, padding, en-tête fixe |
| B2B | Chrome B2B (barre bleu cobalt, RFQ, commande en masse) + visibilité des prix |
| Localisation | Attribut <html dir> sur chaque page |
| SEO & partage | Balises <meta> + JSON-LD sur chaque page |
| Infos entreprise | Organization + LocalBusiness JSON-LD sur chaque page |
Étapes suivantes
- Guides de configuration des sections → — Configurez chaque bloc de section
- Guide des modes Storefront → — Approfondissement Hybride / B2B uniquement / B2C uniquement
- Guide de configuration des métachamps → — Métachamps de support pour les améliorations B2B de la PDP