Vous modifiez une couleur, ajoutez une section, ou mettez à jour une app… et soudain, une partie du site ne fonctionne plus comme avant. Les thèmes Shopify reposent sur un équilibre fragile entre Liquid, CSS et JavaScript : une petite modification peut avoir des effets en cascade. Voici les cinq incidents les plus courants après une modification de thème.

Une section disparaît complètement

  • La section a été supprimée par erreur de la structure JSON du template lors d’une modification dans l’éditeur de thème.
  • Une condition Liquid ({% if %}) mal fermée ou modifiée empêche l’affichage de la section entière.
  • La section fait référence à un bloc ou une app qui a été désinstallée entre-temps.

Comment corriger : comparez la structure JSON du template actuel avec une sauvegarde précédente (via l’historique des thèmes ou une copie de sauvegarde), et vérifiez que chaque tag Liquid conditionnel est bien fermé.

Le design est cassé uniquement sur mobile

  • Une media query CSS (@media) a été supprimée ou mal réécrite lors d’une modification du fichier de style.
  • Un élément a une largeur fixe en pixels qui déborde sur les petits écrans.
  • Une app injecte un script pensé uniquement pour desktop qui casse la mise en page mobile.

Comment corriger : testez systématiquement chaque modification via l’aperçu mobile de l’éditeur de thème avant publication, et vérifiez les règles CSS en unités relatives (%, rem) plutôt qu’en pixels fixes.

Le CSS personnalisé ne s’applique plus

  • Le fichier CSS personnalisé n’est plus correctement chargé dans le layout theme.liquid après une mise à jour du thème.
  • Un cache navigateur ou CDN affiche encore l’ancienne feuille de style.
  • Une règle plus spécifique (ou marquée !important) du thème écrase désormais votre style personnalisé.

Comment corriger : videz le cache (Ctrl+F5), vérifiez que le lien vers votre fichier CSS est bien présent dans le code du thème, et augmentez la spécificité de vos règles si nécessaire.

Le JavaScript ne fonctionne plus

  • Une erreur dans un script (souvent visible dans la console développeur) bloque l’exécution de tous les scripts suivants sur la page.
  • Deux scripts utilisent la même variable ou le même identifiant, provoquant un conflit silencieux.
  • Un script fait référence à un élément HTML qui a été renommé ou supprimé lors de la modification du thème.

Comment corriger : ouvrez la console développeur (F12) juste après la modification pour repérer immédiatement l’erreur exacte et la ligne concernée, plutôt que d’attendre un signalement client.

Erreur après une mise à jour du thème

  • La mise à jour a écrasé des personnalisations faites directement dans le code du thème plutôt que via l’éditeur ou un thème enfant.
  • La nouvelle version du thème modifie la structure de certains fichiers dont dépendait une app installée.

Comment corriger : dupliquez toujours le thème avant toute mise à jour majeure, et réappliquez vos personnalisations sur la copie mise à jour plutôt que d’écraser directement le thème en ligne.

La règle d’or reste la même : ne jamais modifier le thème actif en production. Une copie de sauvegarde avant chaque changement évite 90 % des mauvaises surprises.

💬 Besoin d’aide rapide pour corriger ce bug sur votre boutique Shopify ?

Nos experts Shopify vous répondent en quelques minutes, directement sur WhatsApp.

Contactez-nous sur WhatsApp

Besoin d’un diagnostic complet de votre boutique Shopify ?

Remplissez le formulaire ci-dessous pour recevoir un audit gratuit et personnalisé de votre boutique par notre équipe.

Votre nom
Etes vous intéressé(e) par ?