Réglages du thème

Les réglages du thème sont le centre de commande visuel de votre boutique. Ils définissent tout ce qui fait l'identité de votre site : couleurs, typographie, animations, boutons, et bien plus. Contrairement aux réglages de section (qui s'appliquent à une seule section), les réglages du thème se propagent à l'ensemble de votre boutique.

C'est la première chose à configurer quand vous installez Scale Theme. Une fois les réglages du thème en place, chaque nouvelle section que vous ajoutez héritera automatiquement de vos choix de couleurs, polices et styles.

Accès aux réglages

Dans l'éditeur de thème Shopify :

1. Ouvrez Boutique en ligne > Thèmes > Personnaliser
2. Dans le panneau de gauche, cliquez sur l'icône engrenage en bas
3. Vous accédez à la liste de toutes les catégories de réglages

Philosophie : la cohérence par la cascade

Les réglages du thème suivent un principe de cascade : un changement au niveau global se propage partout.

Par exemple, si vous changez la couleur Accent 1 dans les palettes de couleurs :

• Tous les boutons primaires changent de couleur
• Tous les liens d'accent changent de couleur
• Tous les badges et éléments utilisant Accent 1 se mettent à jour
• Et ce, sur toutes les pages de votre boutique

Cette approche garantit une cohérence visuelle parfaite sans avoir à modifier chaque section individuellement. C'est la différence entre passer 5 minutes à configurer votre thème et passer 5 heures à ajuster chaque élément un par un.

Les 13 catégories de réglages

Scale Theme organise ses réglages en 13 catégories logiques, de l'identité visuelle aux fonctionnalités :

Par où commencer ?

Si vous venez d'installer Scale Theme, voici l'ordre recommandé pour configurer vos réglages. Cet ordre est pensé pour aller du plus impactant au plus spécifique :

1. Couleurs & palettes (priorité absolue)

Les couleurs définissent 80% de l'identité visuelle de votre boutique. Commencez par configurer au minimum la palette principale (Scheme 1) avec les couleurs de votre marque.

2. Typographie

La typographie est le deuxième pilier de l'identité. Choisissez une police pour les titres (heading) et une pour le corps de texte (body). Scale Theme supporte les polices Google Fonts et les polices système.

3. Boutons

Les boutons sont vos principaux appels à l'action. Configurez le style primaire (bouton d'ajout au panier, par exemple) et le style secondaire. Testez les hover effects pour trouver celui qui correspond à votre ton de marque.

4. Layout

Ajustez la largeur de page et les paddings. La largeur par défaut convient à la plupart des boutiques, mais si vous avez beaucoup de visuels larges, une largeur plus grande peut être bénéfique.

5. Animations

Les animations ajoutent du dynamisme. Commencez par un preset léger et ajustez selon vos préférences. N'en faites pas trop — des animations subtiles sont plus efficaces qu'un festival de mouvements.

6. Le reste

Une fois les 5 piliers en place, configurez les réglages secondaires selon vos besoins : recherche, réseaux sociaux, dark mode, favicon, etc. Ces réglages sont importants mais ont un impact visuel moindre.

Conseils pratiques

Testez sur mobile

Après chaque modification de réglage, basculez l'aperçu en vue mobile dans l'éditeur Shopify. Les polices, espacements et couleurs peuvent rendre différemment sur un petit écran.

Utilisez les palettes de manière stratégique

Chaque section peut utiliser une palette différente. Alternez les palettes entre les sections pour créer un rythme visuel qui guide le regard du visiteur. Par exemple :

• Section hero : Palette foncée (Scheme 2)
• Section produits : Palette claire (Scheme 1)
• Section témoignages : Palette accent (Scheme 3)
• Section CTA : Palette foncée (Scheme 2)

Ne touchez pas à tout en même temps

Modifiez une catégorie de réglages à la fois et prévisualisez le résultat avant de passer à la suivante. Si vous changez couleurs, typo et layout en même temps, il sera difficile d'identifier ce qui ne fonctionne pas si le résultat ne vous plaît pas.

Sauvegardez votre configuration

Avant de faire des changements importants, dupliquez votre thème dans l'admin Shopify (Thèmes > Actions > Dupliquer). Si les nouveaux réglages ne vous conviennent pas, vous pourrez toujours revenir à la version précédente.

Comment les réglages se propagent

Pour comprendre la hiérarchie des réglages dans Scale Theme :

Réglages du thème (globaux)
  └── S'appliquent à toutes les pages
        └── Surchargés par les réglages de section
              └── Surchargés par les réglages de bloc

Par exemple, pour les couleurs :

1. La palette par défaut est définie dans les réglages du thème
2. Chaque section peut choisir sa propre palette (surcharge du thème)
3. Certains blocs peuvent avoir des options de couleur spécifiques (surcharge de la section)

Cette hiérarchie vous donne un contrôle à 3 niveaux : global pour la cohérence, section pour la variété, bloc pour le détail.

Prochaines étapes

• **Couleurs & palettes** — Commencez par configurer vos couleurs, le réglage le plus impactant
• **Typographie** — Choisissez les polices qui définissent le caractère de votre boutique
• **Boutons** — Configurez vos appels à l'action pour maximiser la conversion
• **Animations** — Ajoutez du dynamisme avec des animations performantes
• **Dark mode** — Offrez une expérience visuelle adaptée à toutes les conditions