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 de thème par défaut. 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 à Faubourg :
- 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/*.jsonet les libellés de l’éditeur danslocales/*.schema.json, un fichier par langue.
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
Lors d’une mise à jour du thème depuis le Theme Store, Shopify reprend vos modifications de code uniquement si elles n’entrent pas en conflit avec la nouvelle version, et vous signale celles qui n’ont pas pu être reprises. Notez chaque modification (fichier, raison, extrait de code) pour pouvoir la réappliquer dans la nouvelle version, une à une, et préférez les solutions sans code quand elles existent.
Faubourg 1.1.0