Comment modifier un thème Shopify sans casser votre boutique
Comment modifier un thème Shopify
Modifier un thème Shopify en toute sécurité : éditeur, sections, code | We.Inc
Modifiez votre thème Shopify sans casser la boutique en ligne : dupliquez d'abord, utilisez les sections et les blocs dans l'éditeur de thème, et ne touchez au code qu'avec une sauvegarde.
Dupliquez d'abord le thème pour avoir une sauvegarde, puis ouvrez la copie dans l'éditeur de thème et modifiez les sections, les blocs et les paramètres du thème sans code. Prévisualisez-la, et ne la publiez que lorsque tout est correct. N'utilisez Modifier le code que pour les changements impossibles dans l'éditeur, et copiez chaque fichier avant de le modifier.
Les façons de modifier un thème Shopify, de la plus sûre à la moins sûre
Méthode
Ce que vous modifiez
Code nécessaire ?
Paramètres du thème
Couleurs, polices, boutons et autres styles appliqués à toute la boutique
Non
Sections et blocs
Ce qui apparaît sur chaque page et dans quel ordre
Non
Modifier le code
Les fichiers Liquid, CSS et JavaScript du thème
Oui
Développement en local
Le thème entier, avec gestion de versions
Oui
L'éditeur de thème de Shopify vous permet de réorganiser votre boutique sans toucher au code, et la plupart des marchands n'ont jamais besoin de plus. Suivez la checklist ci-dessous dans l'ordre. Elle conserve une copie de sécurité à chaque étape, si bien qu'une mauvaise modification vous coûte une minute plutôt qu'un week-end perdu.
Depuis votre interface administrateur, allez dans Boutique en ligne, ouvrez le menu d'actions de votre thème et cliquez sur Dupliquer.
Cliquez sur Personnaliser sur la copie, et non sur le thème en ligne, pour ouvrir l'éditeur de thème.
Ajoutez, masquez, réorganisez ou supprimez des sections et des blocs, et définissez les styles de toute la boutique dans les paramètres du thème.
Prévisualisez la copie, puis publiez-la quand elle vous convient. L'ancien thème reste dans votre bibliothèque comme solution de repli.
Masquez une section au lieu de la supprimer en cas de doute. Une section masquée conserve son contenu pour plus tard.
Chaque modèle peut contenir jusqu'à 25 sections, et jusqu'à 1250 blocs au total, donc les pages très longues doivent être allégées.
Si une mise à jour du thème entre en conflit avec du code que vous avez modifié, Shopify avertit que vos modifications de code sont supprimées dans la copie mise à jour. Notez chacune de vos modifications.
Vous pouvez voir le développeur et le numéro de version de votre thème dans l'éditeur de thème, ce qui aide quand vous contactez le support.
Questions fréquentes
Modifier mon thème change-t-il immédiatement la boutique en ligne ?
Les modifications du thème publié sont en ligne dès que vous enregistrez. Modifier une copie non publiée ne change rien pour les clients tant que vous ne la publiez pas.
Quelle est la différence entre une section et un bloc ?
Une section est une partie d'une page sur toute la largeur, comme un diaporama ou une collection en vedette. Les blocs sont les éléments plus petits qu'elle contient, comme un titre, un bouton ou une image.
Comment annuler une modification du code ?
Dans l'éditeur de code, la vue Chronologie d'un fichier permet de restaurer une version antérieure. Shopify précise que l'historique de la chronologie est limité et que la restauration remplace le fichier entier : copiez d'abord ce que vous voulez garder.
Le support Shopify peut-il modifier mon thème à ma place ?
Pour les thèmes créés par Shopify, le support peut aider pour certaines personnalisations prédéfinies, mais n'écrit pas de code sur mesure. Pour un thème payant, adressez-vous à son développeur, ou faites appel à un Partenaire Shopify pour un travail sur mesure.
Combien de copies d'un thème puis-je conserver ?
Les boutiques sur les forfaits Basic, Grow et Advanced peuvent contenir jusqu'à 20 thèmes. Si vous atteignez la limite, vous devez en supprimer un avant d'en dupliquer un autre.
Quand ouvrir Modifier le code
Shopify recommande de ne modifier le code du thème que si vous connaissez le HTML et le CSS et avez des notions de base de Liquid, son langage de modèles. Les raisons typiques sont un petit ajustement de style absent des paramètres, ou un extrait de code qu'une application vous demande de coller.
Avant d'enregistrer, copiez le fichier d'origine dans un fichier texte sur votre ordinateur. Vous disposez ainsi d'un second filet de sécurité en plus de la chronologie de Shopify.
Pourquoi la copie est importante
Une copie apparaît dans votre bibliothèque de thèmes sous le nom Copie de suivi du nom d'origine. Renommez-la clairement, par exemple avec la date et ce que vous avez modifié, pour distinguer les versions plus tard.
Publier une copie est réversible : le thème précédent reste dans la bibliothèque, et vous pouvez le republier si les ventes baissent ou si quelque chose semble cassé.
Ce que l'éditeur enregistre pour vous
Dans un thème moderne, chaque type de page est un modèle JSON : une liste de sections, leurs paramètres et leur ordre. L'éditeur de thème écrit ce fichier quand vous déplacez des éléments, c'est pourquoi vous avez rarement besoin de le modifier à la main.
Un petit modèle de page produit
L'objet sections contient chaque section et ses paramètres ; order est la liste que Shopify affiche de haut en bas.
Checklist de modification en toute sécurité
{n} étapes sur {v} terminées
Recommencer
Toutes les étapes sont terminées. Votre ancien thème est toujours dans la bibliothèque si vous en avez besoin.
Dupliquer le thème en ligne depuis Boutique en ligne
Renommer la copie pour la distinguer
Ouvrir la copie avec Personnaliser
Définir les couleurs, polices et boutons dans les paramètres du thème
Ajouter, masquer ou réorganiser les sections et les blocs
Prévisualiser sur un téléphone et sur un ordinateur