Comprendre les réglages qui s'appliquent à toutes les sections de Scale Theme.
Réglages globaux
Chaque section de Scale Theme hérite automatiquement d'un ensemble de réglages globaux. Ces réglages sont communs à toutes les sections et permettent une personnalisation cohérente.
Palette de couleurs
Chaque section peut utiliser une palette différente parmi celles définies dans les réglages du thème.
En alternant les palettes entre les sections, vous créez du contraste visuel et guidez le regard du visiteur.
Container (largeur)
| Option | Description | Usage |
|---|---|---|
| Narrow | Contenu étroit (~800px) | Texte, articles, contenu de lecture |
| Normal | Largeur standard (~1200px) | Usage général, grilles produit |
| Full padded | 100% avec marges | Sections visuelles pleine largeur |
| Full | 100% sans marge | Banners, sliders, images pleine largeur |
Espacement (padding)
Chaque section gère ses espacements indépendamment pour mobile et desktop :
| Setting | Range | Défaut |
|---|---|---|
| Padding top (mobile) | 0-100px | 36px |
| Padding bottom (mobile) | 0-100px | 36px |
| Padding top (desktop) | 0-100px | 60px |
| Padding bottom (desktop) | 0-100px | 60px |
Séparateurs SVG
Des formes vectorielles décoratives en haut et/ou bas de section. Chaque séparateur a ses propres réglages :
Formes disponibles :
wave- Vague doucecurve- Courbe arrondieblob- Forme organiquescallop- Festonsarrow- Flèchetilt- Inclinaisonslant- Diagonalezigzag- Zigzagbrush- Coup de pinceautorn- Papier déchirédrip- Gouttefade- Fonduline- Ligne simple
Options par séparateur :
- Taille : small / medium / large / extra-large
- Retourner : Miroir horizontal
- Overlap : Pourcentage de chevauchement avec la section adjacente
- Couleur : Choix de couleur de la palette
Background (arrière-plan)
Chaque section peut avoir un arrière-plan personnalisé :
| Type | Description |
|---|---|
| None | Utilise la couleur de la palette |
| Color | Couleur unie personnalisée |
| Gradient | Dégradé personnalisé |
| Image | Image de fond (desktop + mobile) |
| Video | Vidéo de fond (URL YouTube ou fichier) |
L'option Background cut permet de créer un effet de découpe diagonale sur l'arrière-plan.
Visibilité
Masquez une section sur certains appareils :
- Masquer sur desktop : La section n'apparaît que sur mobile
- Masquer sur mobile : La section n'apparaît que sur desktop
Anchor ID
Attribuez un ID personnalisé à une section pour créer des liens d'ancrage. Par exemple, si vous définissez l'ID avis, vous pouvez créer un lien #avis dans votre menu pour scroller directement vers cette section.
Animations
Chaque section peut activer ou désactiver les animations au scroll indépendamment des réglages globaux. Voir Animations pour plus de détails.
Prochaines étapes
- **L'éditeur de thème** — Maîtrisez l'éditeur Shopify pour personnaliser chaque aspect de votre boutique
- **Palettes de couleurs** — Comprenez le système de palettes et créez du contraste visuel entre vos sections
- **Système d'animations** — Découvrez les 9 animations disponibles et les options de configuration par section
- **Séparateurs** — Explorez les formes SVG décoratives disponibles pour habiller vos transitions de section