Maîtrisez l'éditeur de thème Shopify pour personnaliser chaque aspect de Scale Theme.
L'éditeur de thème
L'éditeur de thème Shopify est votre outil principal pour personnaliser Scale Theme. Voici comment l'utiliser efficacement.
Accéder à l'éditeur
- Admin Shopify > Boutique en ligne > Thèmes
- Cliquez sur Personnaliser sur votre thème actif
Organisation de l'interface
L'éditeur est divisé en 3 zones :
| Zone | Rôle |
|---|---|
| Panneau gauche | Liste des sections de la page, gestion de l'ordre |
| Prévisualisation | Aperçu en temps réel de votre page |
| Panneau droit | Réglages de la section/bloc sélectionné |
Gérer les sections
Ajouter une section
- Cliquez sur Ajouter une section dans le panneau gauche
- Parcourez les sections disponibles par catégorie
- Cliquez sur la section souhaitée pour l'ajouter
Scale Theme propose plus de 50 sections réparties en catégories :
- Image : Banner, Slideshow, Gallery, Image with Text, Hotspot, Before/After...
- Texte : Rich Text, Statement, Steps, Timeline, FAQ...
- Produit : Featured Product, Featured Collection, Best Sellers, Reviews...
- Commerce : Countdown, Newsletter, Popup, Calculator...
Réorganiser les sections
Glissez-déposez les sections dans le panneau gauche pour changer leur ordre sur la page.
Dupliquer / Supprimer
Cliquez sur les 3 points (⋯) à droite d'une section pour :
- Dupliquer la section avec ses réglages
- Supprimer la section
Les blocs
Chaque section peut contenir des blocs. Ce sont des éléments individuels à l'intérieur d'une section.
Par exemple, la section Banner peut contenir :
- Un bloc Heading (titre)
- Un bloc Text (paragraphe)
- Un bloc Button (bouton CTA)
- Un bloc Timer (compte à rebours)
Réglages globaux de section
Chaque section de Scale Theme partage des réglages communs :
Palette de couleurs
Chaque section peut utiliser une palette différente. Alternez entre palettes claires et sombres pour créer du contraste visuel.
Container
- Narrow : Contenu étroit, idéal pour du texte
- Normal : Largeur standard
- Full padded : Pleine largeur avec padding
- Full : Pleine largeur sans padding
Espacement
- Padding top / bottom : Séparément pour mobile et desktop
- Valeurs de 0 à 100px
Séparateurs SVG
Des formes décoratives en haut et/ou en bas de chaque section. Plus de 14 formes disponibles (vague, courbe, zigzag, etc.).
Visibilité
Masquer une section sur mobile ou desktop indépendamment.
Background
- Couleur unie
- Dégradé
- Image de fond
- Vidéo de fond
Naviguer entre les pages
En haut de l'éditeur, un sélecteur vous permet de naviguer entre les templates :
- Home page (index)
- Product (page produit)
- Collection (page collection)
- Blog / Article
- Cart (panier)
- Pages (pages statiques)
Chaque template a ses propres sections et réglages.
Paramètres du thème
En bas à gauche, l'icône engrenage ⚙️ ouvre les réglages globaux du thème. Ces réglages s'appliquent à toute la boutique :
Prochaines étapes
- **Réglages globaux** — Découvrez les réglages communs à toutes les sections : palettes, containers, séparateurs et espacement
- **Couleurs & palettes** — Apprenez à configurer vos palettes de couleurs pour créer une identité visuelle cohérente
- **Typographie** — Choisissez les polices et tailles idéales pour votre boutique
- **Blocs de la page produit** — Explorez les 30+ blocs disponibles pour construire une fiche produit optimisée
- **Custom Liquid** — Ajoutez du code Liquid personnalisé directement dans l'éditeur
- **Calculatrice** — Section interactive pour les calculs de prix ou quantités