Aller au contenu

Dépannage

Résolvez les problèmes courants lors de la personnalisation du thème Align dans Shopify.

Lorsque vous personnalisez Align dans l’éditeur de thème Shopify, suivez les étapes ci-dessous pour résoudre les problèmes courants liés à l’éditeur et à la boutique en ligne. Pour obtenir des conseils spécifiques à Align, commencez par consulter la documentation de Company XYZ et contacter l’assistance de Company XYZ. Pour obtenir une aide supplémentaire concernant le dépannage de la plateforme Shopify, consultez la documentation de Shopify sur le dépannage des thèmes

Vérifiez si le code de la boutique en ligne redirige les visiteurs vers une URL qui n’est pas associée à votre boutique. Désactivez la redirection lorsque vous utilisez l’éditeur de thème Shopify.

Par exemple, une boutique en ligne peut rediriger les clients vers différents magasins en fonction de leur emplacement. Ce code de redirection peut faire partie des personnalisations de votre thème Align ou d’une application installée.

Pour empêcher la redirection d’interrompre l’éditeur, utilisez la variable window.Shopify.designMode en JavaScript pour désactiver la redirection dans l’éditeur de thème. Cette variable est définie sur true lorsque la boutique en ligne se charge dans l’éditeur et sur false lorsqu’elle ne s’y charge pas.

Pour plus d’informations sur la configuration des redirections, consultez la documentation de Shopify sur la création et la gestion des redirections d’URL

Le chargement d’une page peut échouer dans l’éditeur de thème pour plusieurs raisons, notamment :

  1. Problèmes de connexion réseau.
  2. Code Liquid non valide dans votre thème.

Si vous avez écarté ces causes, ouvrez votre boutique en ligne depuis l’éditeur de thème en sélectionnant Theme actions > Preview theme. Si la page ne se charge pas non plus dans l’aperçu, le problème affecte la boutique en ligne au-delà de l’éditeur ; contactez l’assistance Shopify pour obtenir de l’aide concernant la plateforme Shopify ou votre boutique en ligne.

Un avertissement HTML error found dans l’éditeur de thème signifie généralement qu’une erreur de syntaxe s’est produite dans le code de votre thème. Examinez le fichier Liquid indiqué dans le message d’erreur afin de localiser et de corriger le problème.

Pour plus d’informations sur la modification du code, consultez la documentation de Shopify sur la modification du code des thèmes

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

Section intitulée « Rechercher le problème dans le code de votre thème »
  1. Sélectionnez le fichier de section .liquid lié dans le message d’erreur. Le fichier s’ouvre sur la page Edit HTML/CSS.

  2. Examinez le fichier pour repérer tout code HTML ou Liquid non valide. L’éditeur de code met en évidence en rouge les erreurs de syntaxe potentielles.

    Les problèmes courants comprennent :

    • Une balise HTML fermante en trop, comme </div> sans balise ouvrante <div> correspondante.
    • Une balise HTML non fermée, comme une balise ouvrante <div> sans balise fermante </div>.
    • Une balise HTML mal formée, comme <div class="my-class" sans balise fermante >.
    • Du code Liquid mal formé.
    • Du code HTML incorrect dans un fichier d’extrait de thème inclus.
  3. Corrigez le problème dans le fichier du thème.

  4. Sélectionnez Save.

  5. Sélectionnez Customize pour revenir à l’éditeur de thème et vérifier que l’avertissement a disparu.

Si le problème persiste après avoir suivi les étapes ci-dessus, envisagez les options suivantes :

  1. Rétablir une version antérieure de votre fichier de thème
  2. Consultez l’assistance disponible pour votre thème. Pour obtenir de l’aide concernant le comportement ou la configuration spécifiques à Align, contactez l’assistance de Company XYZ.
  1. Testez les redirections dans l’éditeur. Assurez-vous que toute redirection qui éloigne les visiteurs de votre boutique est désactivée pendant la personnalisation d’Align.
  2. Utilisez l’aperçu pour isoler les problèmes de chargement. Si une page ne se charge ni dans l’éditeur ni dans l’aperçu du thème, le problème affecte probablement la boutique en ligne plutôt que l’éditeur uniquement.
  3. Suivez le message d’erreur. Commencez par le fichier indiqué dans un avertissement HTML, puis utilisez le code mis en évidence pour mieux cerner le problème.
  4. Enregistrez et vérifiez à nouveau. Revenez à Customize après chaque correction pour confirmer que l’erreur a été résolue.