Résoudre les problèmes

Consultez les problèmes courants suivants que vous pourriez rencontrer en utilisant l’éditeur de thème et apprenez à les résoudre. Si vous rencontrez des problèmes avec votre éditeur de thème, vérifiez si votre problème apparaît ci-dessous.

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, utilisez une référence à la variable window.Shopify.designMode dans JavaScript, de manière à 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 sur 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

En cas d’erreur de syntaxe dans le code de votre thème, un message d’avertissement Erreur HTML détectée s’affiche dans votre éditeur de thème.

Pour résoudre l’erreur, vous pouvez examiner le code du fichier Liquid mentionné dans le message d’erreur.

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 certains 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

3. Après avoir identifié le problème, corrigez le code dans votre fichier de thème.

4. Cliquez sur Save (Enregistrer).

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

Autres solutions

Si vous rencontrez toujours des problèmes avec votre thème après avoir examiné les étapes de résolution de problèmes courantes, considérez les options suivantes :

• Revenez à une ancienne version du fichier de votre thème.
• Installez et passez à la version la plus récente du thème depuis le Theme Store.
• Découvrez le type d’assistance disponible pour votre thème.