Aller au contenu
Faubourg

Rechercher dans la documentation

Tapez un réglage, une section ou une question.

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 :

BesoinSolution 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 HTMLSection ou bloc Code Liquid personnalisé.
Afficher un contenu différent par produitRelier un bloc à un métachamp (source dynamique).
Une présentation différente pour certains produitsUn 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 par snippets/drawer.liquid.
  • Les textes de la boutique sont dans locales/*.json et les libellés de l’éditeur dans locales/*.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.

Cette page vous a-t-elle aidé ?

Faubourg 1.1.0