Guides
Modifier le code
Avant de toucher aux fichiers du thème : précautions, limites de l’assistance et alternatives.
Sur cette page
Est-ce vraiment nécessaire ?
La plupart des besoins se règlent sans code :
| Besoin | Solution sans code |
|---|---|
| Changer un texte fixe (« Livraison offerte ») | Modifier le contenu par défaut du thème. Voir Langues et devises. |
| Insérer un widget ou un extrait HTML | Section ou bloc Code Liquid personnalisé. |
| Afficher un contenu différent par produit | Relier un bloc à un métachamp (source dynamique). |
| Une présentation différente pour certains produits | Un modèle alternatif. |
| Une fonctionnalité en plus (avis, fidélité…) | Un bloc ou une intégration d’application. |
Ouvrir l’éditeur de code
Dans Boutique en ligneThèmes, menu … du thème, Modifier le code. Les fichiers sont organisés selon la structure standard de Shopify : layout, templates, sections, blocks, snippets, assets, config et locales.
Quelques repères propres à Maison :
- Les variables de style (couleurs, espacements, tailles) sont calculées dans
snippets/css-variables.liquidà partir des paramètres du thème. Modifier une valeur à la main casse le lien avec les réglages ; préférez les réglages. - Le style et le script de chaque composant sont dans son propre fichier (section ou bloc), pas dans une feuille de style globale.
- Les boutons passent tous par
snippets/button.liquid, les tiroirs parsnippets/drawer.liquid. - Les textes de la boutique sont dans
locales/*.json, en anglais et en français.
Ce que couvre l’assistance
Pour une personnalisation sur mesure, faites appel à un Shopify Partner : le répertoire des partenaires Shopify liste des développeurs et agences vérifiés.
Garder vos modifications lors des mises à jour
Les modifications de code ne sont pas reprises lors d’une mise à jour du thème. Notez chaque modification (fichier, raison, extrait de code) pour pouvoir la réappliquer, et préférez les solutions sans code quand elles existent.
Maison 1.0.0