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, 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
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 :
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
- 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. -
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
- Balises HTML de fermeture supplémentaires. Exemple : une fermeture
Après avoir identifié le problème, corrigez le code dans votre fichier de thème.
Cliquez sur Save (Enregistrer).
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 :
- Revenir à une ancienne version du fichier de votre thème
- Installer et commencer à utiliser la nouvelle version du thème à partir de la boutique des thèmes
- Découvrez le type d'assistance disponible pour votre thème