Résoudre les problèmes

Si vous rencontrez des problèmes avec votre éditeur de thème, vérifiez si votre problème apparaît ci-dessous.

Problèmes courants

Problème : impossible de charger la page

La page redirige vers une URL non prise en charge

Si votre boutique en ligne comprend du code qui redirige les utilisateurs vers des URL qui ne sont pas connectées à votre boutique, vérifiez que la redirection est désactivée lorsque vous visitez l'éditeur de thème.

Par exemple, ce type de redirection peut être ajouté à une boutique en ligne afin de diriger les acheteurs vers différentes boutiques Shopify en fonction de leur emplacement. Ce type de code de redirection pourrait exister dans votre thème ou dans une application que vous avez installée.

Pour que votre redirection n’interfère pas avec l’expérience de l’éditeur, remplacez window.location.href = par window.parent.location.href = dans le code JavaScript de votre thème. Si cela n’est pas possible, utilisez une référence à la variable window.Shopify.designMode en JavaScript pour désactiver la redirection lorsque vous visitez l’éditeur de thème. Cette variable est configurée sur true lorsque la boutique en ligne est chargée dans l'éditeur et false lorsqu'elle ne l'est pas.

Échec du chargement de la page en raison d'une erreur

Une page ne peut pas être chargée dans l’éditeur de thème pour plusieurs raisons. Les questions courantes incluent les éléments suivants :

  • problèmes de connexion réseau
  • code Liquid non valide dans votre thème

Si vous avez vérifié que ces problèmes ne sont pas la cause de l’erreur, essayez de visiter votre boutique en ligne en allant à Actions de thème > Afficher le thème dans l’éditeur de thème. Si la page ne parvient pas à se charger, vous pouvez contacter l’assistance Shopify pour obtenir de l’aide par rapport à votre boutique en ligne.

Erreur HTML détectée

Lorsque vous modifiez les paramètres de votre thème dans l'éditeur de thème, vous risquez de voir un message d’avertissement « Erreur HTML détectée » s'afficher dans l’éditeur :

Bannière d’erreur HTML

Ce message apparaît lorsque le code de votre thème contient une erreur de syntaxe. Pour résoudre le problème, vous pouvez examiner le code du fichier Liquid référencé dans le message d’erreur. Dans l’exemple ci-dessus, il s'agirait de : slideshow.liquid.

Trouver le problème dans le code de votre thème

  1. Cliquez sur le fichier de la section .liquid indiquée en lien dans le message d’erreur. Cela vous conduira à la page Modifier le code HTML/CSS, et le fichier s’ouvrira alors dans l’éditeur de code.

  2. Vérifiez le code du fichier et essayez de trouver le code HTML ou Liquid non valide. L’éditeur de code indiquera les erreurs de syntaxe potentielles en rouge. Voici quelques-uns des problèmes les plus courants :

  • Balises HTML de fermeture supplémentaires. Exemple : une fermeture </div> sans ouverture <div>
  • Balises HTML supplémentaires non fermées. Exemple : une ouverture <div> sans fermeture </div>
  • Balises HTML malformées. Exemple : <div class="my-class" sans >
  • Code Liquid malformé
  • Code HTML cassé dans un fichier d’extrait de thème inclus
  1. Une fois le problème identifié, corrigez le code dans votre fichier de thème.

  2. Cliquez sur Save (Enregistrer).

  3. Cliquez sur Personnaliser pour revenir à l’éditeur de thème et vérifiez que le message d’erreur a disparu.

Autres solutions

Si vous ne parvenez pas à résoudre le problème en suivant les étapes précédentes, envisagez les options suivantes :

Prêt(e) à commencer à vendre avec Shopify ?

Essayez gratuitement